/*******************************************************************************
* public.css
* 
* @package arrive
* @author Preston McMurry (prestonm3@mcmurry.com)
* @version 2.0
* @copyright (C) Copyright 2006 by McMurry, Inc.
*
*******************************************************************************/

/*** Default Classes *********************************************************/

HTML {
    height: 100%;
}

BODY {
    font-size: 11px;
    color: #1d3563;
    font-family: Arial, Verdana, Tahoma, sans-serif;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #ffffff;
    height: 100%;
}

TABLE {
    font-size: 11px;
    color: #1d3563;
    font-family: Arial, Verdana, Tahoma, sans-serif;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-spacing: 0px;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    border-bottom: 0px;
}

LI {
    padding-bottom: 5px;
}

DD {
    padding-bottom: 5px;
}

IMG {
    border: 0px;
}

A {
    color: #1d3563;
}

A:hover {
    text-decoration: none;
}

/*** Project Classes *********************************************************/

TABLE.DocWrapper {
    height: 100%;
    width: 100%;
}

TD.TopPad {
    border: 1px solid #666666;
    background-color: #006666;
    height: 10px;
}

TD.SidePad {
    background-color: #eeeeee;
}

TD.BottomPad {
    background-color: #eeeeee;
}

TD.DocWrapper {
    /*
    ** background-color is only here to provide 
    ** a border around TopPad in IE.
    */
    background-color: #666666;
    /*
    ** height will expand to accomodate content, but setting height to
    ** exactly 1px allows the grey bottom padding to fill 'up' rather
    ** than than the white content area to fill down 'down'.
    */
    height: 1px;
    width: 800px;
    /* Override for IE */
    width: expression('801px');
}

/*
TD.MenuArea {
    border-left: 1px solid #666666;
    border-right: 1px solid #666666;
    border-bottom: 2px solid #666666;
    background-color: #666666;
    height: 62px;
    vertical-align: middle;
    background-image: url(../image/menu_background.jpg); 
    background-position: top right;
    background-repeat: no-repeat;
    width: 800px;
}
*/

TD.MenuAreaLeft {
    border-left: 1px solid #666666;
    border-bottom: 2px solid #666666;
    background-color: #666666;
    height: 62px;
    vertical-align: middle;
    width: 177px;
}

TD.MenuAreaRight {
    border-right: 1px solid #666666;
    border-bottom: 2px solid #666666;
    background-color: #666666;
    height: 62px;
    vertical-align: middle;
    background-image: url(../image/menu_background.jpg); 
    background-position: top right;
    background-repeat: no-repeat;
    width: 623px;
}

DIV.MenuAreaRight {
    position: absolute;
    top: 25px;
    margin-left: 5px;
}

TD.MenuItem {
    font-weight: bold;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
}

A.MenuItem {
    color: #1d3563;
    text-decoration: none;
}

A.MenuItem:hover {
    color: #ffffff;
}

TD.MenuAreaRight:hover {
    background-color: #006666;
    color: #ffffff;
}

TD.LeftSideBar {
    border-left: 1px solid #666666;
    background-color: #ffffff;
    padding: 10px;
    width: 150px;
    vertical-align: top;
}

IMG.LeftSideBar {
    margin-bottom: 10px;
}

TD.RightSideBar {
    border-right: 1px solid #666666;
    background-color: #ffffff;
    padding: 10px;
    width: 75px;
    vertical-align: top;
}

TD.ContentHeader {
    background-color: #ffffff;
    padding-left: 20px;
    padding-top: 10px;
    height: 75px;
    vertical-align: top;
}

TD.ContentArea {
    background-color: #ffffff;
    padding-left: 20px;
    padding-top: 10px;
    width: 495px;
    height: 208px;
    vertical-align: top;
}

TD.BottomBanner {
    background-color: #ffffff;
    padding-left: 20px;
    padding-right: 20px;
    height: 95px;
}

DIV.BottomBanner {
    text-align: center;
}

IMG.BottomBanner {
    margin: 10px;
    vertical-align: top;
}

IMG.SideBanner {
    margin: 10px;
    vertical-align: top;
}

TD.Footer {
    background-color: #006666;
    border: 1px solid #666666;
}

/*** Archive Classes ********************************************************/

TD.IssueImage {
    width: 80px;
    vertical-align: top;
    padding: 10px;
    border-bottom: 2px solid #dbe574;
}

TD.IssueName {
    width: 395px;
    vertical-align: top;
    padding-top: 10px;
    border-bottom: 2px solid #dbe574;
}

A.IssueName {
    font-size: 14px;
    font-weight: bold;
}

SPAN.IssueName {
    font-size: 14px;
    font-weight: bold;
    color: #1d3563;
}

DIV.NoCover {
    font-style: italic;
    border: 1px solid #1d3563;
    width: 80px;
    height: 98px;
}

/*** Exclusive Classes ******************************************************/

TD.ExclImage {
    width: 80px;
    vertical-align: top;
    padding: 10px;
    border-bottom: 2px solid #dbe574;
}

TD.ExclName {
    width: 395px;
    vertical-align: top;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid #dbe574;
}

A.ExclName {
    font-size: 14px;
    font-weight: bold;
}

P.ExclName {
    font-size: 14px;
    font-weight: bold;
}

/*** Advertiser Classes *****************************************************/

A.AdvName {
    font-weight: bold;
}

SPAN.AdvName {
    font-weight: bold;
}

/*** Destination Classes ****************************************************/

TD.CityTitle {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #ffffff;
    font-weight: bold;
    background-color: #1d3563;
}

TD.CityName {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #1d3563;
}

TD.PassPerYear {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #1d3563;
    text-align: right;
}

/*** Form Classes ***********************************************************/

TD.FormLabel {
    padding-bottom: 15px;
    padding-right: 10px;
}

TD.FormField {
    padding-bottom: 15px;
}

.Required {
    color: #ff0000;
}

DIV.ButtonWrapper {
    text-align: center;
}

INPUT.flat {
    border: 1px solid #1d3563;
    height: 25px;
    font-size: 11px;
    font-family: Georgia, Arial, Verdana, Tahoma, sans-serif;
    font-weight: bold;
    color: #1d3563;
    background-color: #f2f1eb;
}

INPUT.flat:hover {
    background-color: #f6f0e1;
}

/*** Trip Planner Classes ***************************************************/

TABLE.CityInfo {
    width: 495px;
}

TD.CityInfo {
    padding-left: 10px;
    padding-top: 10px;
}

TD.AdvIcon {
    padding-bottom: 10px;
}

TD.AdvList {
    padding-left: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
}

TD.CityLinkHdr {
    border: 1px solid #bbc554;
    background-color: #bbc554;
    color: #ffffff;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
}

TD.CityLink {
    border: 1px solid #bbc554;
    padding: 10px;
}

/*** Video Challenge Classes ************************************************/

DIV.ChallengeWrapper {
    position: relative;
}

DIV.Challenge {
    position: absolute;
    top: 0px;
    left: 0px;
    visibility: hidden;
    width: 250px;
}

#VideoChallengeLink {
    visibility: hidden;
}

TD.VideoChallengeStartHere {
    width: 275px;
    padding-right: 20px;
    /* Override for IE */
    padding-right: expression('0px');
}

TD.NowTakeVideoChallenge {
    width: 225px;
}

/*** Picture Yourself Classes ***********************************************/

TABLE.PictureYourselfWinner {
    width: 495px;
}

TD.PictureYourselfWinner {
    width: 230px;
    vertical-align: top;
}

DIV.PictureYourselfWinnerWrapper {
    position: relative;
}

DIV.PictureYourselfWinner {
    position: absolute;
    top: -249px;
    left: 11px;
    height: 200px;
    width: 200px;
}

TD.PictureData {
    vertical-align: top;
    padding-left: 10px;
}

DIV.PictureData {
    padding-bottom: 5px;
}

.WinnerTitle {
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
}

.PictureYourselfTitle {
    font-size: 14px;
    font-weight: bold;
}

SPAN.SharePhoto {
    text-decoration: underline;
}

TD.SubmitEntry {
    vertical-align: bottom;
    padding-left: 10px;
}

IMG.DashedBorder {
    border: 1px dashed #1d3563;
/*
    margin-right: 15px;
    margin-top: 15px;
*/
}

BODY.PictureYourselfPopup {
    background-color: #eeeeee;
}

TABLE.PopupContentArea {
    margin: 25px;
    background-color: #ffffff;
    border: 1px solid #666666;
    padding: 5px;
}

TD.PopupContentArea {
    padding: 5px;
}

SPAN.PopupCopyright {
    padding-left: 25px;
    color: #1d3563;
}

/*** List Pager Classes *******************************************************/

DIV.PageListWrapper {
    position: relative;
    margin-top: 15px;
    width: 300px;
}

DIV.PageLabel {
    float: left;
    margin-top: 5px;
}

DIV.PageNum {
    float: left;
    margin-top: 5px;
}

A.PageNum {
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-left: 3px;
    margin-right: 3px;
}

A.PageNumReverse {
    background-color: #1d3563;
    color: #ffffff;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-left: 3px;
    margin-right: 3px;
}

/*** News Feed Classes ********************************************************/

.NewsTitle {
    font-size: 14px;
    font-weight: bold;
    color: #006666;
}

.ItemTitle {
    font-size: 14px;
    font-weight: bold;
}

/*** E-Mail Classes **********************************************************/

BODY.EMailBody {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #ffffff;
}

TABLE.EMailForm {
    border: 1px solid #dbe574;
}

TD.EMailFormCell {
    padding: 5px;
}

TD.EMailSend {
    padding-top: 10px;
    text-align: right;
}

SPAN.EMailFooter {
    font-size: 10px;
    color: #1d3563;
}

/*** Miscellaneous Classes ****************************************************/

.Warning {
    color: #ff0000;
}

HR.YellowGreen { 
    border: none;
    background-color: #dbe574;
    color: #dbe574;
    height: 2px;
}

IMG.GreenArrow {
    margin-right: 5px;
}