/*-----------------*/
/* Template Styles */
/*-----------------*/

.defaultButton
{
    visibility: hidden;
}

body
{
    background-color: rgb(150,159,162);
    padding-top: 40px;
    font-family: Arial;
    font-size: 12px;
}

form
{
    margin: 0px;
    padding: 0px;
}

#Container 
{
    width: 760px;
    margin: 0px auto;
}

#Header
{
    position: relative;
    height: 140px;
}

#Header #Power
{
    width: 129px;
    height: 140px;
    position: absolute;
    top: 0px;
    left: 0px;
}

#Header .logo
{
    width: 503px;
    height: 140px;
    background-image: url('Images/Template/Logo.png');
    background-repeat: no-repeat;
    background-position: left top;
    position: absolute;
    top: 0px;
    left: 131px;
}

#Header .logo .nav
{
    position: absolute;
    top: 116px;
    left: 20px;
    width: 123px;
    height: 16px;
    text-align: center;
    color: rgb(110,111,114);
    font-size: 12px;
    padding-top: 4px;
}

#Header .nav
{
    position: absolute;
    top: 0px;
    left: 634px;
    width: 126px;
    height: 140px;
}

#Header .nav a
{
    color: rgb(109,111,113);
    text-decoration: none;
}

#Header .nav a:hover
{
    text-decoration: underline;
}

#Footer
{
    background-color: #FFFFFF;
    background-image: url('Images/Template/Footer-Curve.png');
    background-repeat: no-repeat;
    background-position: left bottom;
    padding: 0px 0px 30px 0px;
    text-align: center;
}

#Footer .bar
{
    height: 13px;
    background-color: rgb(242,242,242);
}

#Footer .kioli
{
    padding-top: 30px;
    color: rgb(190,35,39);
    font-weight: bold;
    font-size: 18px;
    padding-bottom: 15px;
}

#Footer .content
{
    line-height: 19px;
    font-size: 11px;
    color: rgb(88,89,91);
}

#Footer .content a
{
    color: rgb(88,89,91);
    text-decoration: none;
}

#Footer .content a:hover
{
    text-decoration: underline;
}

#Page
{
    margin-top: 5px;
}

#SearchBar
{
    position: relative;
    height: 35px;
    background-color: rgb(255,255,255);
    border-top: solid 1px rgb(174,177,179);
    border-bottom: solid 1px rgb(174,177,179);
}

#SearchBar .left
{
    position: absolute;
    left: 9px;
    top: 6px;
}

#SearchBar .right
{
    position: absolute;
    left: 464px;
    top: 6px;
    width: 300px;
}

.leaderboard
{
    background-color: rgb(243,243,243);
    padding: 16px;
}

table.form
{
    border-top: solid 1px rgb(0,0,0);
    border-left: solid 1px rgb(0,0,0);
    background-color: rgb(255,255,255);
}

table.form tr th
{
    padding: 3px;
    font-size: 16px;
    background-color: rgb(206,24,30);
    color: rgb(255,255,255);
    border-right: solid 1px rgb(0,0,0);
    border-bottom: solid 1px rgb(0,0,0);
}

table.form tr td
{
    padding: 3px;
    border-right: solid 1px rgb(0,0,0);
    border-bottom: solid 1px rgb(0,0,0);
}

/*------------*/
/* Search Bar */
/*------------*/

.completionList 
{
    background-color: rgb(255,255,255);
    border: solid 1px rgb(0,0,0);
    display: block;
    overflow: hidden;
    text-align: left;
    margin: 0px;
    padding: 0px;
    z-index: 99999;
}

.completionListItem
{
   padding: 3px 6px;
   border-bottom: solid 1px rgb(171,171,171);
}

.completionListHighlight
{
    padding: 3px 6px;
    color: White;
    background-color: Navy;
}

/*--------------------*/
/* Modal Popup Styles */
/*--------------------*/

.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopUp
{
    background-color: rgb(255,255,255);
    border-width: 1px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 400px;
}

.modalPopUpCardSignup
{
    text-align: center;
}

.modalPopUpDelete
{
    background-color: rgb(255,255,255);
    border: solid 1px rgb(0,0,0);
    padding: 5px;
    text-align: center;
}

.modalTransparent
{
   background-color:transparent;  
   padding:1em 6px;
}

/*-----------*/
/* Home Page */
/*-----------*/

#HomeBoxes /* Container for the bottom boxes on home page */
{
    height: 137px;
}
#HomeBoxes .newsletterBox /* Newsletter box */
{
    float: left;
    margin-left: 10px;
}
#HomeBoxes .cardBox /* Get your card box */
{
    float: left;
    margin-left: 9px;
}
#HomeBoxes .signUpBox /* Sign up your business box */
{
    float: left;
    margin-left: 9px;
}
#HomeFeatured /* Featured / tile ad container */
{
    height: 263px;
    padding-top: 10px;
}
#HomeFeatured .tile /* Tile advertisement */
{
    float: right;
    height: 250px;
    width: 300px;
    margin-right: 10px;
    background-color: rgb(139,144,148);
}
#HomeFeatured .featuredBox /* Featured discounts container */
{
    width: 433px;
    margin-left: 10px;
}
#HomeFeatured .featuredBox .content /* Featured discounts content */
{
    height: 212px;
    background-color: rgb(255,255,255);
    border-left: solid 1px rgb(171, 171, 171);
    border-right: solid 1px rgb(171, 171, 171);
    border-bottom: solid 1px rgb(171, 171, 171);
    padding: 10px 0px 0px 8px
}
#HomePopular /* Popular categories container */
{
    padding: 0px 9px 9px 9px;
}
#HomePopular .content /* content for the popular categories */
{
    padding: 5px 14px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-color: rgb(171,171,171);
    border-bottom-color: rgb(171,171,171);
    border-left-color: rgb(171,171,171);
    background-color: rgb(255,255,255);
}
#HomePopular .content a /* links inside the popular categories */
{
    text-decoration: none;
    color: rgb(139,144,148);
    font-weight: bold;
}
#HomePopular .content a:hover /* hover state for links in the popular categories */
{
    text-decoration: underline;
}
#HomePopular .content .left /* left column */
{
    width: 31%;
    float: left;
}
#HomePopular .content .middle /* middle column */
{
    width: 31%;
    float: left;
    margin-left: 20px;
}
#HomePopular .content .right /* right column */
{
    width: 31%;
    float: left;
    margin-left: 20px;
}
#HomePopular .content .link /* spacing for links */
{
    padding-top: 10px;
    padding-bottom: 10px;
}

/* --------------- */
/* Page Background */
/* --------------- */

#About, #Login, #SignUp, #Search, #Terms, #NotFound
{
    background-color: rgb(222,225,226);
    padding: 9px;
}

/*-----------------*/
/* Categories Page */
/*-----------------*/

#Categories .right /* Interest Box Container */
{
    float: right;
    margin-right: 23px;
}
#InterestBox
{
    width: 250px;
    background-color: rgb(255,255,255);
}
#InterestBox .content
{
    padding: 0px 18px;
}
#InterestBox .interestCompany a
{
    text-decoration: none;
    font-weight: bold;
    color: rgb(0,0,0);
}
#InterestBox .interestCompany a:hover
{
    text-decoration: underline;
}

/*----------------------*/
/* UserCP Master Styles */
/*----------------------*/

#AccountBody
{
    background-color:rgb(222,225,226);
}
#AccountBodyBorder
{
    background-color:rgb(242,242,242);
    height:12px;
}
#AccountHeader
{
    background-image:url('Images/UserCP/BorderTop.jpg');
    background-repeat:repeat-x;
    background-position:left bottom;
    background-color:rgb(255,255,255);
}
#progressBackgroundFilter
{
    position:fixed; 
    top:0px; 
    bottom:0px; 
    left:0px;
    right:0px;
    overflow:hidden; 
    padding:0; 
    margin:0; 
    background-color:#000; 
    filter:alpha(opacity=50); 
    opacity:0.5; 
    z-index:1000; 
}
#processMessage
{ 
    position:fixed; 
    top:30%; 
    left:43%;
    padding:10px; 
    width:200px; 
    z-index:1001; 
    background-color:#fff;
    border:solid 1px #000;
    text-align:center;
}
#Tabs
{
    margin-left:24px;
    margin-top:18px;
}
.accountBodyPadding
{
    padding:24px;
}
.leftPanel
{
    width:430px;
}
.leftPanelTable
{
    background-image:url('Images/UserCP/tableBackBorder.png');
    background-repeat:repeat-y;
    background-position:left top;
    padding-left:24px;
    width:406px;
}
.leftPanelTable table tr td
{
    padding-top:5px;
    margin-left: 120px;
}
.leftPanelTextBox200
{
    background-color:rgb(242,242,242);
    border:1px solid rgb(153,155,157);
    width:185px;
}
.leftPanelTextBox395
{
    font-family:Arial;
    background-color:rgb(242,242,242);
    border:1px solid rgb(153,155,157);
    width:380px;
}
.leftPanelTextBox200
{
    background-color:rgb(242,242,242);
    border:1px solid rgb(153,155,157);
    width:185px;
}
.leftPanelTextBox395
{
    font-family:Arial;
    background-color:rgb(242,242,242);
    border:1px solid rgb(153,155,157);
    width:380px;
}
.rightBoxTop 
{
    background-image:url('Images/UserCP/rightCurveTop.png');
    background-repeat:no-repeat;
    background-position:left top;
    height:25px;
    width:237px;
    padding-left:20px;
    padding-top:10px;
    font-weight:bold;
    color:rgb(255,255,255);
}
.rightPanel
{
    float:right;
    width:257px;
}
.rightPanelLogo
{
    margin:20px 18px 12px 18px;   
}
.rightPanelTable
{
    background-image:url('Images/UserCP/rightBackBorder.png');
    background-repeat:repeat-y;
    background-position:left top;
}
.rightPanelTable table
{
    width:257px;
}
.rightPanelTable table tr td
{
    padding:19px;
    border-top:solid 1px rgb(171,171,171);
}
table.form
{
    border-top:solid 1px rgb(0,0,0);
    border-left:solid 1px rgb(0,0,0);
    background-color:rgb(255,255,255);
}
table.form tr th
{
    padding:3px;
    font-size:16px;
    background-color:rgb(206,24,30);
    color:rgb(255,255,255);
    border-right:solid 1px rgb(0,0,0);
    border-bottom:solid 1px rgb(0,0,0);
}
table.form tr td
{
    padding:3px;
    border-right:solid 1px rgb(0,0,0);
    border-bottom:solid 1px rgb(0,0,0);
}

/*-------------*/
/* Search Page */
/*-------------*/

#Search #SearchBar
{
    text-align: right;
    height: 27px;
}
#Search #SearchBox
{
    margin-top: 10px;
    width: 741px;
}
#Search #SearchBox .boxMid
{
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-color: rgb(171,171,171);
    border-bottom-color: rgb(171,171,171);
    border-left-color: rgb(171,171,171);
    background-color: rgb(255,255,255);
}
#Search #SearchBox .searchRow
{
    padding: 18px 100px 8px 100px;
    clear: both;
}
#Search #SearchBox .searchAlternateRow
{
    background-color: rgb(241,241,241);
    padding: 18px 100px 8px 100px;
    clear: both;
}
#Search #SearchBox .searchTileImage
{
    float: left;
}
#Search #SearchBox .searchDetails
{
    float: left;
    margin-left: 7px;
}
#Search #SearchBox .searchCompany
{
    font-size: 20px;
    color: rgb(109,110,112);
    padding-bottom: 12px;
    width: 400px;
}
#Search #SearchBox .searchCompany a
{
    color: rgb(109,110,112);
    text-decoration: none;
}
#Search #SearchBox .searchCompany a:hover
{
    text-decoration: underline;
}
#Search #SearchBox .searchMerchant
{
    text-align: right;
    clear: left;
}
#Search #SearchBox .searchMerchant a
{
    color: rgb(35,31,32);
    text-decoration: none;
}
#Search #SearchBox .searchMerchant a:hover
{
    text-decoration: underline;
}
#Search #SearchBox .searchSeparator
{
    background-color: rgb(171,171,171);
    height: 1px;
    clear: both;
}

/*-----------------*/
/* Categories Page */
/*-----------------*/

#Categories
{
    background-color: rgb(255,255,255);
}
#Categories .categoryAdLearnMore
{
    text-align: center;
    padding: 0px 0px 12px 0px;
}
#Categories .categoryHeader 
{
    padding: 0px 0px 10px 10px;
}
#Categories .categoryHeaderDesc
{
    padding-top: 5px;
}
#Categories .categoryBody
{
    padding: 10px;
    background-color: rgb(222,225,226);
}
#Categories .categoryBox
{
    width: 440px;
    float: left;
    margin-left: 10px;
}
#Categories .categoryBoxHeader
{
    background-image: url('Images/Categories/CategoryCurve.png');
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 6px;
    padding-left: 19px;
    color: rgb(255,255,255);
    font-weight: bold;
    height: 21px;
}
#Categories .categoryBoxBody
{
    border: solid 1px rgb(171,171,171);
    background-color: rgb(255,255,255);
}
#Categories .categoryBoxRow
{
    padding: 18px 18px 8px 18px;
}
#Categories .categoryBoxAlternateRow
{
    background-color: rgb(241,241,241);
    padding: 18px 18px 8px 18px;
}
#Categories .categoryBoxSeparator
{
    background-color: rgb(171,171,171);
    height: 1px;
}
#Categories .categoryBoxMerchant
{
    text-align: right;
    padding-top: 8px;
    clear: left;
}
#Categories .categoryBoxMerchant a
{
    color: rgb(35,31,32);
    text-decoration: none;
}
#Categories .categoryBoxMerchant a:hover
{
    text-decoration: underline;
}
#Categories .categoryBoxCompany
{
    font-size: 20px;
    color: rgb(109,110,112);
    padding-bottom: 12px;
}
#Categories .categoryBoxCompany a
{
    text-decoration: none;
    color: rgb(109,110,112);
}
#Categories .categoryBoxCompany a:hover
{
    text-decoration: underline;
}
#Categories .categoryBoxTileImage
{
    float: left;
}
#Categories .categoryBoxDetails
{
    float: left;
    margin-left: 7px;
    width: 265px;
}
#Categories #InterestBox
{
    width: 250px;
    background-color: rgb(255,255,255);
    float: right;
    margin-right: 10px;
}
#Categories #InterestBox .boxMid
{
    padding: 0px 18px;
}
#Categories #InterestBox .interestCompany a
{
    text-decoration: none;
    font-weight: bold;
    color: rgb(0,0,0);
}
#Categories #InterestBox .interestCompany a:hover
{
    text-decoration: underline;
}

/*----------------*/
/* Profile Styles */
/*----------------*/

#Profile
{
    background-image: url('Images/Profile/ProfileTopBorder.jpg');
    background-repeat: repeat-x;
    background-position: left top;
    background-color: rgb(222,225,226);
    padding: 0px;
}
#ProfileLeft
{
    float: left;
    width: 476px;
}
#ProfileRight
{
    float: right;
    width: 284px;
}
.profileBody
{
    padding-left: 18px;
    padding-top: 48px;
}
.profileBodyCompanyDesc
{
    margin-top: 0px;
}
.profileBodyCompanyName
{
    font-size: 28px;
    font-weight: bold;
}
.profileBodyGoogleMap
{
    height: 356px;
    width: 430px;
    border: solid 1px rgb(0,0,0);
    margin-top: 30px;
}
.profileHeader 
{
    height: 75px;
    padding-left: 18px;
}
.profileHeaderDesc
{
    padding-top: 5px;
}
.profileLogoContainer
{
    background-image: url('Images/Profile/ProfileLogoContainer.jpg');
    background-repeat: no-repeat;
    background-position: left top;
    height: 150px;
    padding: 20px 18px 20px 16px;
}
.profileLogoContainerEmpty
{
    height: 190px;
}
.profileMerchantInfo
{
    margin-left: 5px;
}
.profileEnhanced
{
    background-color: rgb(255,255,255);
    text-align: center;
    margin: 0px 0px 20px 5px;
    padding: 7px 0px 4px 0px;
    width: 248px;
    height: 60px;
    border: solid 1px rgb(171,171,171);
}

/*-----------------*/
/* Sign Up Page(s) */
/*-----------------*/

.signUpText
{
    background-color: rgb(222,225,226);
    border: 1px solid rgb(174,177,179);
    width: 327px;
}



.calendar .ajax__calendar_container 
{
    border: solid 1px rgb(0,0,0);
    background-color: rgb(255,255,255);
}

.calendar .ajax__calendar_dayname
{
    font-weight: bold;
}

.calendar table tr td
{
    padding: 0px;
    background-color: rgb(244,244,244);
    border-right: solid 1px rgb(0,0,0);
    border-bottom: solid 1px rgb(0,0,0);
}

.calendar table
{
    border-left: solid 1px rgb(0,0,0);
    border-top: solid 1px rgb(0,0,0);
}

/*    
.calendar .ajax__calendar_header 
.calendar .ajax__calendar_prev  
.calendar .ajax__calendar_title
.calendar .ajax__calendar_next 
.calendar .ajax__calendar_day
.calendar .ajax__calendar_months
.calendar .ajax__calendar_month
.calendar .ajax__calendar_years
.calendar .ajax__calendar_year
.calendar .ajax__calendar_footer
.calendar .ajax__calendar_today
.calendar .ajax__calendar_hover
.calendar .ajax__calendar_active
.calendar .ajax__calendar_other
*/