/*===================================================================


    $$$$$$$\                                                    $$\ 
    $$  __$$\                                                   $$ |
    $$ |  $$ | $$$$$$\  $$$$$$$\  $$$$$$$\  $$\   $$\  $$$$$$$\ $$ |
    $$ |  $$ |$$  __$$\ $$  __$$\ $$  __$$\ $$ |  $$ |$$  _____|$$ |
    $$ |  $$ |$$$$$$$$ |$$ |  $$ |$$ |  $$ |$$ |  $$ |\$$$$$$\  \__|
    $$ |  $$ |$$   ____|$$ |  $$ |$$ |  $$ |$$ |  $$ | \____$$\     
    $$$$$$$  |\$$$$$$$\ $$ |  $$ |$$ |  $$ |\$$$$$$$ |$$$$$$$  |$$\ 
    \_______/  \_______|\__|  \__|\__|  \__| \____$$ |\_______/ \__|
                                            $$\   $$ |              
    Denny's (c) 2011                        \$$$$$$  |              
    FTW, PTL!                                \______/               

    

===================================================================*/



/*===================================================================
 Reset
===================================================================*/
html, body, div, span, applet,
object, iframe, h1, h2, h3, h4,
h5, h6, p, blockquote, pre, a, 
abbr, acronym, address, big, cite,
code, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl,
dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td
{
    margin: 0; padding: 0; border: 0; outline: 0;
    font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;
    vertical-align: baseline;
}

html
{
    height: 100%;
    margin-bottom: 1px;
    overflow-y: scroll !important;
}

a {
    color: #D31D44;
}

body
{
    line-height: 1;
    color: black;
    background: white;
    padding: 25px 0 0 0;
}
    
ol, ul
{
    list-style: none;
}

table
{
    border-collapse: collapse;
    border-spacing: 0;
}
    
caption, th, td
{
    text-align: left;
    font-weight: normal;
}

/* now for the site styling */

#container
{
    position: relative;
    width: 900px;
    margin: 0 auto;
}

#langSelection
{
    float: right;
    width: 190px;
    margin: 0;
    position: relative;
    top: 10px;
}

img#logo
{
    float: left;
    margin: 0 10px 0 0;
}

img#welcome
{
    margin: 8px 0 0 0;
    float: left;
}

#langSelection span
{
    float: left;
    font-family: Georgia, serif;
    font-size: 18px;
    color: #9d8d85;
    font-style: italic;
    margin: 3px 0 0 0;
}

#langSelection ul
{
    position: absolute;
    right: 0;
}

#header
{
    width: 100%;
    background: #fef7d4 url(../img/dashed.png) bottom center repeat-x;
    float: left;
    margin: 20px 0 0 0;
    height: auto;
    -webkit-box-shadow: 2px 0 1px #f3f3f3;
    -moz-box-shadow: 2px 0 1px #f3f3f3;
    box-shadow: 2px 0 1px #f3f3f3;
    padding-bottom: 12px;
}

#header span#topBlurb
{
    display: block;
    font-family: Georgia, serif;
    font-size: 12px;
    color: #4b4644;
    font-style: italic;
    text-align: center;
    margin: 20px 0;
    position: relative;
}

#header #bigLine
{
    background: url(../img/line.png) center repeat-x;
    margin: 0 10px;
}

#header h1
{
    font-size: 54px;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
    color: #4b4644;
    text-shadow: 0 1px 1px #fff, 0 4px 0 #C9BCB5;
    font-family: "proxima-nova-condensed-1","proxima-nova-condensed-2", Helvetica, sans-serif;
    display: block;
    margin: 15px 0 0 0;
}

#header h1 span
{
    background: #fef7d4;
    padding: 0 10px;
}

#header ul#nav
{
    overflow: hidden;
    margin: 20px 0 0 0;
}

#header ul#nav li
{
    display: block;
    float: left;
    width: 225px;
    text-align: center;
    height: 37px;
}

#header ul#nav li a:link, #header ul#nav li a:visited
{
    text-decoration: none;
    font-family: "proxima-nova-condensed-1","proxima-nova-condensed-2", Helvetica, sans-serif;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 0 2px 2px #fdb110;
    font-weight: 900;
    display: block;   
    width: 100%;
    height: 100%;
    background: url(../img/menu_btns.png) no-repeat -225px;
}

#header ul#nav li a.selected
{
    background: url(../img/menu_btns.png) no-repeat 0 0;
}

#header ul#nav li a:hover
{
    color: #eee;    
}

#header ul#nav li a span
{
    position: relative;
    top: 10px;
}

#header ul#sections
{
    margin: 8px 0 0 15px;
    overflow: hidden;
}

#header ul#sections li
{
    float: left;
    margin-right: 20px;
    margin-bottom: 5px;

}

#header ul#sections li a {
    display: block;
    margin-bottom: 3px;
}

#header ul#sections li a:link, #header ul#sections li a:visited
{
    font-family: Georgia, serif;
    color: #c78d03;
    font-style: italic;
    font-size: 13px;
    text-decoration: none;
}

#header ul#sections li a.selected
{
    border-bottom: 1px solid #c78d03;
}

#header ul#sections li a:hover
{
    color: #999;
}

#title
{
    margin: 15px 0 10px 0;
    float: left;
    width: 900px;
    background: #fef7d4;
    text-align: center;
    -webkit-box-shadow: 2px 2px 1px #f3f3f3;
    -moz-box-shadow: 2px 2px 1px #f3f3f3;
    box-shadow: 2px 2px 1px #f3f3f3;
}

#title h1
{
    margin: 25px 0 10px 0;
    font-family: "proxima-nova-condensed-1","proxima-nova-condensed-2", Helvetica, sans-serif;
    font-size: 42px;
    color: #d31d45;
    font-weight: 900;
    text-transform: uppercase;
}

#title h3
{
    margin: 0 0 25px 0;
    font-family: Georgia, serif;
    font-style: italic;
    color: #4b4644;
    font-size: 13px;
}

#content
{
    float: left;
    width: 100%;
    position: relative;
}

#content h3
{
    font-family: "proxima-nova-condensed-1","proxima-nova-condensed-2", Helvetica, sans-serif;
    font-weight: 900;
    font-size: 19px;
    color: #d31d45;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 15px;
}

#content h5
{
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 13px;
    color: #4b4644;
    margin: 5px 0 25px 0;
}

#content p
{
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 13px;
    color: #4b4644;
    line-height: 2.25em;
    padding-bottom: 20px;
}

#content ul {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 13px;
    color: #4b4644;
    line-height: 2.25em;
    list-style-type: disc;
    margin-left: 20px;
    padding-bottom: 20px;
}

#content ul.makeSelect {
    padding-bottom: 0;
    margin-left: 0;
}

ul#people
{
    float: left;
    margin: 25px 0 0 0;
    width: 100%;
    padding: 0 0 50px 0;
}

ul#people li
{
    margin: 0 0 25px 0;
    float: left;
    padding: 15px 0;
    width: 100%;
}

ul#people li div.contain
{
    width: 900px;
    position: relative;
    margin: 0 auto;
}

ul#people li.darker
{
    background: #fffcef;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
}

ul#people li .person
{
    float: left;
    width: 168px;
    height: 232px;
    margin: 0 25px 0 0;
    background: url(../img/picture_shadow.png) bottom right no-repeat;
}

ul#people li .desc
{
    float: right;
    width: 690px;
    margin: 15px 0 0 0;
}

#content .boards h3,
ul#people li .desc h3
{
    font-family: "proxima-nova-condensed-1","proxima-nova-condensed-2", Helvetica, sans-serif;
    font-weight: 900;
    font-size: 19px;
    color: #d31d45;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-bottom: 0;
}

#content .boards h5,
ul#people li .desc h5
{
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 13px;
    color: #4b4644;
    margin: 5px 0 25px 0;
    font-weight: normal;
}

ul#people li .desc p
{
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 13px;
    color: #4b4644;
    line-height: 2.25em;
}

.expand_icon
{
    vertical-align: middle;
}

/* footer stuff */

/*===================================================================
 Footer
===================================================================*/   

#footer
{
    background: transparent url(../img/footer_background.png) repeat-x;
    position: fixed;
    bottom: 0px;
    margin: 0;
    width: 100%;
    height: 55px;
    z-index: 10;
}

#footer #footer_container
{
    position: relative;
    width: 900px;
    margin: 0 auto;
}

#footer ul
{
    display: block;
}

#footer ul li
{
    float: left;
    font-family: "proxima-nova-condensed-1","proxima-nova-condensed-2", Helvetica, sans-serif;
}

#footer #mainFootLinks
{
    width: 720px;
    margin: 14px auto 0 auto;
}

#footer #mainFootLinks li { margin-right: 35px; }
#footer #secondFootLinks li { 
    margin-right: 15px; 
    line-height: 1.5em;
}

#footer #mainFootLinks li a:link, #footer #mainFootLinks li a:visited
{
    font-size: 14px;
    color: #fff;
    text-shadow: 0 2px 2px #fdb110;
    text-transform: uppercase;
    font-weight: 800;
    text-decoration: none;
}

#footer #mainFootLinks li a {
    -webkit-transition: color 0.2s ease-in;
    -moz-transition: color 0.2s ease-in;
    -o-transition: color 0.2s ease-in;
    transition: color 0.2s ease-in;   
}

#footer #mainFootLinks li a:hover {
    color: #D31D45;
}

#footer #mainFootLinks li a.active
{
    color: #D31D44;
}

#footer #secondFootLinks li a:link, #footer #secondFootLinks li a:visited
{
    font-size: 9px;
    color: #cf8d00;
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none;
    border-bottom: 1px solid #e7bb04;
}

#footer #secondFootLinks li.light
{
    color: #d2aa06;
    font-style: normal;
}

#footer #secondFootLinks li a:hover
{
    color: #777;
}

#footer #secondFootLinks
{
    width: 520px;
    margin: 0 auto;
    position: relative;
}

#footer a.social
{
    position: absolute;
    width: 28px;
    height: 30px;
    text-indent: -9999px;
}

a#facebook
{
    right: 121px;
    top: 0;
    background: url(../img/social/f_footer.png) no-repeat;
}

a#twitter
{
    right: 86px;
    top: 0;
    background: url(../img/social/t_footer.png) no-repeat;
}

a#youtube
{
    right: 52px;
    top: 0;
    background: url(../img/social/t_youtube.png) no-repeat;
}


img#logo_small
{
    position: absolute;
    right: 50px;
    top: 0;
    display: none;
}

a#rewards_cta_small
{
    position: absolute;
    background: url(../img/icons/rewards.png) no-repeat;
    right: 0;
    top: 0;
    width: 41px;
    height: 33px;
    text-indent: -9999px;
}

/*
    Additional Stuff
*/

#content
{
    font-family: "proxima-nova-condensed-1","proxima-nova-condensed-2", Helvetica, sans-serif;
    padding-bottom: 80px;
}

#content a:link, #content a:visited
{
    text-decoration: underline;
}

#content a:hover
{
    color: #000;
}


#content h3
{
    font-weight: 900;
    padding: 10px 0;
    font-size: 18px;
}

#content td
{
    padding: 10px 0;
    font-family: Georgia, serif;
    font-size: 13px;
    font-style: italic;
    
}

#content .ccbnOutline tr td
{
    padding: 10px 5px;
}

#content a:hover, a.ccbnTblLnk:hover
{
    color: #000 !important;
}

#content a.ccbnTblLnk:link, #content a.ccbnTblLnk:visited, span.ccbnLnk a:link, span.ccbnLnk a:visited
{
    color: #0000EE;
}

#content .ccbnTblTtl
{
    font-family: "proxima-nova-condensed-1","proxima-nova-condensed-2", Helvetica, sans-serif;
    font-weight: 900;
    font-style: normal;
    text-transform: uppercase;
    font-size: 14px;
    color: #666;
}

#content .ccbnBgHomeTblTtl
{
    text-align: center;
    background: #FEF7D4;
}

#content span.ccbnLnk a.ccbnLnk:link, #content span.ccbnLnk a.ccbnLnk:visited
{
    color: #0000EE !important;
    font-style: italic;
    font-weight: normal;
    text-transform: none;
}

#content span.ccbnLnk a.ccbnLnk:hover
{
    color: #000 !important;   
}

#content tr.ccbnBgHomeTblTtl td {
    padding-left: 5px;
    font-style: normal;
    font-family: "proxima-nova-condensed-1","proxima-nova-condensed-2", Helvetica, sans-serif;
    font-weight: 800;
    color: #4B4644;
    font-size: 14px;
    text-transform: uppercase;
}

/*
    Specific for job search stuff
*/

#content .makeSelect li {
    padding: 0px 10px;
}

#selects {
    margin: 20px 0 0 0;
    position: absolute;
    float: left;
    left:0px;
}

#positionSelect {
    position: absolute;
    display: block;
    width: 300px;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.13, #423D3C), color-stop(0.78, #575250));
    background-image: -moz-linear-gradient(center bottom, #423D3C 13%, #575250 78%);
    margin: 0 10px 0 0;
    padding: ;
}

#locationSelect {
    position: absolute;
    display: block;
    width: 140px;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.13, #423D3C), color-stop(0.78, #575250));
    background-image: -moz-linear-gradient(center bottom, #423D3C 13%, #575250 78%);
    margin: 0;
    left: 310px;
}

#content a#searchBtn {
    font-family: "proxima-nova-condensed-1","proxima-nova-condensed-2", Helvetica, sans-serif;
    font-weight: bolder;
    position: absolute;
    left: 460px;
    padding: 9px 20px;
    text-decoration: none;
    background: #4D4846;
    font-weight: bolder;
    font-size: 12px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 4px 4px 0 #DDD9D7;
    -moz-box-shadow: 4px 4px 0 #DDD9D7;
    box-shadow: 4px 4px 0 #DDD9D7;
    border: 1px solid white;
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
    border-bottom-right-radius: 5px 5px;
    border-bottom-left-radius: 5px 5px;
    color: #fff;
    text-transform: uppercase;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.13, rgb(66,61,60)), color-stop(0.78, rgb(87,82,80)));
    background-image: -moz-linear-gradient(center bottom, rgb(66,61,60) 13%, rgb(87,82,80) 78%);
}

#content #searchResults {
    position: relative;
    left: 0;
    top: 60px;
    float: left;
    margin: 20px 0 30px 0;
}

#content span#looking {
    font-size: 13px;
    font-family: Georgia, serif;
    font-style: italic;
    margin: 50px 10px 0 0;
    padding: 0 0 10px 0;
    position: relative;
    float: left;
    display: block;
}

#content h5 {
    font-family: "proxima-nova-condensed-1","proxima-nova-condensed-2", Helvetica, sans-serif;
    font-weight: bolder;
    font-style: normal;
    font-size: 26px;
    text-transform: uppercase;
}

table#allResults {
    width: 900px;
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
}

#content .searchTitle {
    font-family: "proxima-nova-condensed-1","proxima-nova-condensed-2", Helvetica, sans-serif;
    font-weight: bolder;
    font-style: normal;
    text-transform: uppercase;
    color: #D31D44;
}

#content td {
    padding: 3px 2px;
}

#content td.searchTitle {
    font-size: 14px;
    text-transform: none;
    color: #000;
}

#content tr.title td {
    padding: 10px 2px 12px 2px;
}

#content tr.details td {
    padding-bottom: 20px;
}

#searchResults .title th {
    background: #FEF7D4;
    font-style: normal;
    font-weight: bolder;
    padding: 7px 2px;
    text-transform: uppercase;
    font-size: 12px;
    color: #;
}

#searchResults a.viewDetails {
    text-indent: -9999px;
    background: url(../img/expand.png) bottom center no-repeat;
    width: 25px;
    height: 24px;
    display: block;
    float: right;
    margin: 0;
    padding: 0;
}

#searchResults a.hideDetails {
    text-indent: -9999px;
    background: url(../img/collapse.png) bottom center no-repeat;
    width: 25px;
    height: 24px;
    display: block;
    float: right;
    margin: 0;
    padding: 0;
}  

#searchResults th.viewDetails {
    text-align: right;
}

#searchResults td.viewDetails {
    padding: 0 !important;
}

#searchResults td.jobTitle {
    width: 500px;
}

#searchResults tr.alt td {
    background: #fffcef;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    
}

#searchResults tr.gray td {
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    vertical-align: middle;
}

#career_zip_search {
    clear: both;
    padding-bottom: 20px;
}

#career_zip_submit {
    background: url('../img/btns/submit_gray.png') no-repeat;
    border: none;
    height: 33px;
    width: 96px;
    color: transparent;
    font-size: 0;
    text-indent: -9999999px;
    
}

#content h5.subheader {
    margin-top: 80px;
}

sup {
	font-size: 13px;
	text-align: top;
	position: relative;
	top: -5px;
}