/*  
    Copyright 2007 - Fiat.
    FiatCoUK Main CSS
    $Revision: 1.0 2007-04-07 $
*/

/***   General   ***/

/* overwrite header background */
#frame				{background-image:none;position:relative;}
#header             {background-image: url(/community/library/images/500ByDieselHeader.jpg);height:242px;margin-bottom:34px;position:relative;}
#headerTop			{position:absolute;top:0;left:0;z-index:1000000;_zoom:1;}
#fiat-third-party-nav {position:relative;_zoom:1;}
#tertiaryNav		{position:relative;top:216px;}
#tertiaryNav ul.lowerTier {_width:35%;}
#mainContent{position:relative;z-index:0;_z-index:0;}
div#podRegister p   {padding-bottom: 7px;}

div#podSearch input {margin-left: 19px;margin-top: 2px;margin-bottom: 9px;}
div#podSearch a.high{color: #CC0000 !important;}
div#podSearch input.searchText  {width: 100px;}
div#podSearch span.req  {vertical-align: top;}
div#podForumRules p {padding-bottom: 7px;}

div.recentBlog      {margin-right: 0px !important;}

/* 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   {font-family: Tahoma, Arial, Helvetica;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: #e2eecd;color: #698d73;font-weight: bold;cursor: move;overflow: hidden;}
.CommonModalClose   {width: 33px;height: 12px;background-image: url(/community/Themes/default/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(/community/Themes/default/images/common/resize.gif);background-repeat: no-repeat;overflow: hidden;float: right;cursor: se-resize;}


div.latestPostRow, div.latestPostRowAlt {margin: 0px 6px 0px 6px;}
div.latestPostRowAlt    {background-color: #E3E3E3;}
div.podRowContent       {float: left; width: 110px; margin-top: 9px; margin-bottom: 12px;}
div.podRowContent a     {color: #CC3333 !important;}
img.latestPostIcon      {float: left; margin: 10px 5px 0px 14px;}
div.doubleHorzDivider   {height: 2px; width: 160px; margin: 0px 7px 0px 6px; background: url(/community/library/images/community/bg-twoline.gif) repeat-x;}

ul.latestForumPosts         {margin-left: 6px !important; margin-right: 6px !important; list-style: none; list-style-type: none;}
ul.latestForumPosts li      {border-bottom: solid 1px #C9C9C9; border-top: solid 1px #FFF; padding: 14px 14px 14px 14px;}
ul.latestForumPosts li.alt  {background-color: #eeeeee;}
ul.latestForumPosts li.first{border-top: none;}
ul.latestForumPosts li.last {border-bottom: none;}
ul.latestForumPosts li span {background: url(/community/library/images/placeholders/icons/icon-post.png) no-repeat left; caption:-; padding-left: 18px;display: block;}

/***   Used in various UserControls   ***/
img.shortDivide     {margin: 10px 0px 10px 3px;}
img.browseIcon      {margin-top: 1px !important;}


/***   Misc   ***/
.largerText         {font-size: 110%; color: #3E3E3E;}


/***   Tabs   ***/
/*.CommonPane         {padding: 0px;border-style: solid;border-width: 1px;border-color: #fff;border-top-width: 0px;background: #DDDDDD url(/community/themes/fiat/images/common/bg-form-grad.gif) repeat-x top;padding: 23px 25px 19px 25px;}*/
.CommonPane         {border-style: solid;border-width: 1px;border-color: #fff;border-top-width: 0px;background: #E7E7E7 url(/community/themes/fiat/images/common/bg-postmessage.gif) no-repeat bottom;padding: 23px 25px 0px 25px;}
.CommonPane div#originalPost    {width: 840px; height: 150px; color: inherit; border: solid 1px #CCCCCC; background-color: #fff; overflow: auto;}
.CommonPane label   {color: #CC3333; display: block; float: left; margin-bottom: 5px;}
.CommonPane input   {font-family: inherit; font-size: 100%; color: #727272;}
.CommonPaneTabSet   {padding: 0px;padding-bottom: 0px;background-image: url(/community/themes/fiat/images/common/tabset.gif);background-position: bottom left;background-repeat: no-repeat;white-space: nowrap;}
.CommonPaneTab      {padding-right: 4px;background-image: url(/community/themes/fiat/images/common/tab-right.gif);background-repeat: no-repeat;background-position: top right;  height: 37px;margin-top: 1px;}
.CommonPaneTab1     {padding-left: 3px;background-image: url(/community/themes/fiat/images/common/tab-left.gif);background-repeat: no-repeat;background-position: top left;}
.CommonPaneTab2     {padding: 4px;height: 29px;cursor: pointer;white-space: nowrap;background-image: url(/community/themes/fiat/images/common/tab.gif);background-repeat: repeat-x;background-position: top left;text-align: center;overflow: hidden;}
.CommonPaneTabSelected  {padding-right: 4px;background-image: url(/community/themes/fiat/images/common/tab-selected-right.gif);background-repeat: no-repeat;background-position: top right; height: 37px;margin-top: 1px;}
.CommonPaneTabSelected1 {padding-left: 3px;background-image: url(/community/themes/fiat/images/common/tab-selected-left.gif);background-repeat: no-repeat;background-position: top left;}
.CommonPaneTabSelected2 {padding: 4px;padding-top: 3px;padding-bottom: 5px;height: 29px;cursor: pointer;white-space: nowrap;background-image: url(/community/themes/fiat/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(/community/themes/fiat/images/common/tab-selected-right.gif);background-repeat: no-repeat;background-position: top right; height: 37px;margin-top: 1px;}
.CommonPaneTabHover1{padding-left: 3px;background-image: url(/community/themes/fiat/images/common/tab-selected-left.gif);background-repeat: no-repeat;background-position: top left;}
.CommonPaneTabHover2{padding: 4px;cursor: pointer;white-space: nowrap;height: 29px;background-image: url(/community/themes/fiat/images/common/tab-selected.gif);background-repeat: repeat-x;background-position: top left;text-align: center;overflow: hidden;}
div.previewPane     {height: 400px; overflow: auto; margin-bottom: 50px;}

div#communityPaging                     {float: right; font-weight: bold; font-size: 150%;}
ul.tagPostList                          {list-style: none !important; list-style-type: none !important; margin: 0px !important; padding: 0px;}

span.blogRateControl        {height: 18px; position: absolute; top: 10px; right: 20px;}
ul.blogPostList             {margin: 0px !important; padding: 0px; list-style: none; list-style-type: none; clear:left;}
ul.blogPostList li          {margin: 0px; padding: 0px; list-style: none; list-style-type: none;}
ul.blogPostList .buttons    {width: 350px;}

/* 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;
  width: 126px;
}

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

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

.datePickerDropDown {float: left; width: 75px; margin-right: 10px;}
span.datePickers    {float: left;}
.day
{
    width:25px;
    cursor:pointer;
    text-align:center;
    border-width:1px;
    border-color:#F6F6F6;
    border-style:solid;
}

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

.dayheader
{
    width:25px;
    text-align:center;
    border-width:1px;
    border-color:white;
    border-style:solid;
    font-weight:bold;
    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 */

/*
Context Menu Styles
*/

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

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

.CommonContextMenuItemHover
{
    background-color:#e2eecd; 
    color:black; 
    font-family: Tahoma, Arial, Helvetica; 
    font-size:90%; 
    border:solid 1px #dddddd; 
    cursor:pointer;
    padding: 3px;
}

.CommonContextMenuItemExpanded
{
    background-color:silver; 
    color:black; 
    font-family: Tahoma, Arial, Helvetica; 
    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;
}

.panel table            {margin: 0px 1px 0px 1px; padding: 0px;}
.panel table tr         {padding: 0px; margin: 0px;}
.panel table tr.alt     {background-color: #eeeeee;}
.panel table th         {padding: 0px 0px 0px 15px; margin: 0px;}
.panel table th h3      {padding-left: 0px;}
.panel table td         {border-right: solid 1px #C0C0C0; border-left: solid 1px #fff; padding: 10px 5px 10px 15px; margin: 0px; vertical-align: top;}
.panel table td.first   {border-left: none; padding-left: 20px;}
.panel table td.last    {border-right: none; padding-right: 20px;}

.pagePanelHeader table  {width: 897px;}