﻿/*----------------------------------- < base.css > --------------------------------------*/
* {
	padding: 0;
	margin: 0;
}
#document
{
	margin:0 auto;
	width: 900px;
	text-align:left;
	position: relative;
}
.banner {margin: 0 0 10px -47px;}
.banner.pull {margin-left: -22px;}
/* Top  */
.header 
{
    display:block;
    float:left;
    height:115px;
    text-align:center;
    width:950px;
	} 


/* body contents Div style */
.subBanner {
    text-align: center;
	}	
#document .bodyWrap {
	float: left;
	margin-top:11px;
}
.bodyContent {background: url(images/2010/10percent_blue.png); float: left;} 
.bodyContent.content-center {margin: 0 95px 10px;}

#buckets ul li {float:left;margin-right: 12px;}
#buckets ul li.last{ margin-right: 0}    
    
/* left col for body contents */

.sideLeft {

}
/* center col for body contents */
.sideRight {

	}

/* footer styles */	
.footer {
	clear: left;
	height: 38px;
	width: 950px;
}
/*----------------------------------- < /base.css > --------------------------------------*/

/*----------------------------------- < screen.css > --------------------------------------*/
body {
	font: 11px Arial,  sans-serif;
	color: #ffffff;
	background: #000000;
	text-align: center;	 
	background: url("images/2010/bg_body.jpg") no-repeat scroll top center black;
}

#background 
{
}

hr  
{   
    border: none; 
    height: 1px; 
    background: white;
    filter:alpha(opacity=20);-moz-opacity: 0.2;opacity: 0.2;
}

.content-center {
    width: 760px; 
    margin: 10px auto;
    clear:both;
}

img { 
	border: none;
}
a {
    color: #8b9aae;
	text-decoration: underline;
}
.utilityNav {
   position:absolute;
   top: 27px;
   right: 70px;

}
.logo {
margin: 20px 0;}

.mainNav {
margin:0 auto;
text-align:center;
width:870px;

}
.mainNav li, .utilityNav li, .footer li {
     display: inline;
     float: left;
}
.mainNav a {
     height: 10px;
     display: block;
     float: left;
     width: 140px;
}
.mainNav a:hover { background-position: 0 -10px;}
.mainNav span, .utilityNav span {
     display: none;
}

#main-social 
{
    position: absolute;
    right:60px;
    top:97px;
    width: 50px;
}

#main-social li {float:left;margin-right:9px;}
#main-social li a {width: 16px;height:17px;filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}
#main-social li a:hover {filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1;}

.storeLocator a { background: url(images/2010/main-nav_restaurant-locator.png) no-repeat center 0px; width: 140px; }
.menu a { background: url(images/2010/main-nav_menu.png) no-repeat center 0px; width: 69px; }
.giftcards a { background: url(images/2010/main-nav_gift-cards.png) no-repeat center 0px; width: 94px; }
.aboutUs a { background: url(images/2010/main-nav_about-us.png) no-repeat center 0px; width: 83px; }
.moxieshub a { background: url(images/2010/main-nav_social-hub.png) no-repeat center 0px; width: 134px; }

.storeLocator a:hover { background-position:top -10px; background: url(images/2010/main-nav_restaurant-locator.png) no-repeat center -10px; width: 140px; }
.menu a:hover  { background: url(images/2010/main-nav_menu.png) no-repeat center -10px; width: 69px; }
.giftcards a:hover  { background: url(images/2010/main-nav_gift-cards.png) no-repeat center -10px; width: 94px; }
.aboutUs a:hover  { background: url(images/2010/main-nav_about-us.png) no-repeat center -10px; width: 83px; }
.moxieshub a:hover  { background: url(images/2010/main-nav_social-hub.png) no-repeat center -10px; width: 134px; }

    
.utilityNav a {
     height: 7px;
     display: block;
     float: left;
}   
.ut1 a { background: url(images/2010/top-nav_careers.png) no-repeat 0px 0px; width: 50px; }
.ut2 a { background: url(images/2010/top-nav_contact-us.png) no-repeat 0px 0px; width: 41px; }
.utilityNav a:hover { background-position: 0 -7px;}

.bodyContent h1 {
     font: normal 18px/18px Arial, sans-serif;
     color: #F5F4E2;
     text-transform: uppercase;
    }

.footer ul {
 color: #666;
 text-transform: uppercase;
 font: bold 10px Arial,  sans-serif;
 margin-right: 113px;
 float:right;
} 
.footer a {
 color: #666;
 margin: 0 5px;
}
.footer a:hover {
 color: #faf2e1;
}
.validationList li {
	list-style: disc inside;
} 
.validationList li, .validationList h1 {
     color: #d3b36a;
}
.validationList p {
     color: #7f7f7f;
}

.list li {
background: url(images/listDot.gif) no-repeat 0px 5px;
margin-bottom: 2px; 
padding-left: 8px;
}

/*----------------------------------- < /screen.css > --------------------------------------*/

/*----------------------------------- < video.css > --------------------------------------*/
.videoBg  {
     background: url(images/videoBg.jpg) no-repeat 0px 0px;
     padding-bottom: 150px;
    }
.videoWrap {
     display: block;
     width: 431px; 
     float: left; 
     padding: 0; 
    }
.videoWrap h1 {
  font: bold 15px Arial, sans-serif;
  letter-spacing: -1px; 
  color: #8b9aae;
  text-transform: uppercase; 
    }
.videoWrap p {
  font: normal 11px/15px Arial, sans-serif;
  color: #d6d4d5;
  padding: 2px 0 10px; 
    }
.thumbWrap {
    float:left;
    }
.objectWrap {
     border: solid 1px  #252525;
     float:left;
     margin: 7px 0;
    }
#thumbSlider {
     overflow: hidden;
     height: 363px;   
     float: left;   
    }
.thumbVideo {
    margin: -16px 0 0 0;
    }
.thumbCell {
     width: 132px;
    }
.thumbCell input {
     border: solid 1px #252525;
     margin: 15px 0;
    }
    
.thumbCell input.select {
     border: solid 1px #AF4D1C;
     margin: 15px 0;
    }
        
.textCell {
    width: 110px;
    text-align: left;
    font-weight: bold;
    padding: 15px 10px 0 5px;
    vertical-align: top;
    }
.textCell p {
    width: 110px;
    overflow:hidden;
    }
.thumbUp, .thumbDown  {
     padding: 0 0 0 2px;

    } 
.thumbUp a, .thumbDown a {
     width: 132px;
     height: 19px;
     display: block;
     clear:both;
    }
.thumbUp a {
     background: url(images/up.jpg) no-repeat 0px 0px;

    }
.thumbDown a {
     background: url(images/down.jpg) no-repeat 0px 0px;
    }
.thumbUp a:hover, .thumbDown a:hover {
     background-position: 0px -19px;
    }  
.videoWrap a.faceBTN {
     width: 199px;
     height: 20px;
     display: block;
     background: url(images/facebook-video.gif) no-repeat 0px 0px;
}
.videoWrap a.faceBTN:hover {
     background: url(images/facebook-video.gif) no-repeat 0px -20px;
}   
/*----------------------------------- < /video.css > --------------------------------------*/

/*----------------------------------- < postcards.css > --------------------------------------*/
.floatElement {
     float:left;
    }
.breakClear {
    clear: both;
    }
.FormHolder {
     padding: 15px 0 0 0;
    }
.FormHolder label.spaceElement {
     margin: 5px 0 0 20px;
    }
.cardBg  {
     background: url(images/videoBg.jpg) no-repeat 0px 0px;
    }
.FormHolder {
    float: left;
    }
.emailListTable {
     width: 613px;
    }
.emailListTable td {
    width: 32%;
    padding: 1px 4px;
    }
.FormHolder  textarea, .FormHolder input, .emailListTable {
     border: solid 1px #8e8887;
     background: #151515;
     color: #ffffff;
     font: normal 12px Arial, sans-serif;
     padding: 0 2px;
    }
.FormHolder input {
     height: 17px;
     width: 190px;
     margin: 5px 5px 5px 0;
     padding: 0 2px;
    }
.FormHolder span.cardCheck input {
    border: none;
    background: none;
    width: 13px;
    height: 13px;
    margin: 0 5px 0 0;
    }
.FormHolder  textarea {
     height: 105px;
     width: 603px;
     overflow: auto;
     padding: 0 4px;
	 margin-top: 3px;
}
.FormHolder label {
     color: #919191;
     width: 98px;
     font-size: 12px;
     margin: 5px 0 5px 0;
    }
.FormHolder label.autoWidth {
     width: auto;
    }

.introText {
	color: #d6d4d3;
	padding: 10px 0 25px 0;
	line-height: 16px;
}
.cardWrap { 
     float: left;
     margin: 0 0 15px 0;
    }
.cardWrap td { 
     vertical-align: top;  
    }
#cardSlider {
     overflow: hidden;
     width: 650px;
     height: 165px;   
     float: left;  
    }
    
#cardSlider td {
     vertical-align: top;
     text-align: right;
     padding: 0 11px;
    }
 
#cardSlider td a.prviewLink {   
     text-decoration: none; 
     padding: 3px 0 0 0;
    }

#cardSlider td a.prviewLink:hover {   
     text-decoration: underline;   
    }
#cardSlider td input.imgBorder {   
     border: solid 3px #333333;
  
    }
#cardSlider td input.imgBorder:hover, #cardSlider td input.select {   
     border: solid 3px #af4d1c;  
    } 
.cardLeft a, .cardRight a {
     width: 19px;
     height: 150px;
     display: block;
    }
.cardLeft
    {
        float:left;
    }
.cardLeft a {
     background: url(images/left.gif) no-repeat 0px 0px;

    }
.cardRight 
    {
        float:right;
    }
.cardRight a {
     background: url(images/right.gif) no-repeat -19px 0px;
    }
.cardRight a:hover {
     background-position: 0px 0px;
    }  
.cardLeft a:hover {
     background-position: -19px 0px;
    }
a.addEmail {
     width: 45px;
     height: 18px;
     display: block;
     background: url(images/plus.gif) no-repeat 0px 0px;
     float: left;
     margin: 6px 0 0 2px;
    }  
a.addEmail:hover {
     background: url(images/plus.gif) no-repeat 0px -18px;
    }
.FormHolder a.submitCard {
     width: 133px;
     height: 23px;
     background: url(images/sendPost.gif) no-repeat 0px 0px;
     display: block;
    }
.FormHolder a.submitCard:hover {
     background: url(images/sendPost.gif) no-repeat 0px -23px;
    }
a.removeBtn {
     width: 56px;
     height: 11px;
     display: block;
     background: url(images/remove.gif) no-repeat 0px 0px;
    } 
a.removeBtn:hover {
     background: url(images/remove.gif) no-repeat 0px -11px;
    }  
/*----------------------------------- < /postcards.css > --------------------------------------*/

/*----------------------------------- < contact.css > --------------------------------------*/

.FormHolder a.submitBtn {
     width: 133px;
     height: 23px;
     background: url(images/send.gif) no-repeat 0px 0px;
     display: block;
    }
.FormHolder a.submitBtn:hover {
     background: url(images/send.gif) no-repeat 0px -23px;
    }
.bodyContent h3 {
     font: normal 14px Arial, sans-serif;
     color: #8b9aae;
     padding: 8px 0;
     text-transform: uppercase;
}
.addressWrap address {
     text-transform: uppercase;
     font-style: normal;
     line-height: 18px;
} 
.addressWrap address a {
     text-transform: lowercase;
}
.addressWrap {
     width: 200px;
     display: block;
     float: left;
    }
.contactBanner {
     padding: 21px 0 0 0;
    }
.contactBanner a {
     background: url(images/locatorBtn.gif) no-repeat 0px 0px;
     float: left;
     padding: 30px 20px 0 140px;
     width: 169px;
     height: 98px;
     display: block;
	} 
/*----------------------------------- < /contact.css > --------------------------------------*/    
    
/*----------------------------------- < home.css > --------------------------------------*/

.flashFMA {
     width: 925px;
     height: 340px;
     display: block;
/*     padding: 0 0 0 35px;*/
     margin: 0 12px;
}
.homeLeft {
     float: left;
     width: 420px;
     display: block;

}
.homeLeftBox img {
     float: left;
     margin: 3px 10px 7px 0;
}
.homeLeftBox {
     padding: 0px 0 7px 15px;
     float:left;
}
.homeTextBox {
     float: left;
     width: 175px;
     padding: 0 25px 0 0;
}
.homeLeftBox a, #buckets a {
    cursor: pointer;
    display: block;
}

.homeLeftBox a p,  .homeRight a p, .contactBanner a p, a.sideBanner p, #buckets a p {
      color: #F6F3D2;
}
a.holiday p 
{
    margin-top: 120px;
}
.homeLeftBox a p span,  a.homeRight p span, .contactBanner a p span, a.sideBanner span, #buckets a span {
      color: #8b9aae;
     line-height: 20px;
}
.homeLeftBox a:hover p span, a.homeRight:hover span, .contactBanner a:hover p span, a.sideBanner:hover span, #buckets a span:hover  {
     text-decoration: underline;
}
.homeLeft h2, div.homeRight h2, .contactBanner a h2, a.sideBanner h2 {
     font: bold 12px Arial, sans-serif;
     color: #a1b1c6;
     text-transform: uppercase;
}
.homeLeft h2, .homeRight h2 {
     padding: 5px 0 12px 0;
}

a.homeRight {
     /*background: url(images/hpRightFeatureBg.gif) no-repeat 0px 0px;*/
     float: left;
     padding: 7px;
     /*padding: 0 34px 0 38px;*/
     width: 251px;
     height: 222px;
     display: block;
     margin: 10px 0 0 0;
	}
div.homeRight a
{
   
    display:block;
}
a.homeRight h2, a.homeRight p {
    /*padding-left: 31px;
    padding-right: 27px;*/
    }


/*----------------------------------- < /home.css > --------------------------------------*/

/*----------------------------------- < map.css > --------------------------------------*/
.mapHolder {
     float: right;
     width: 502px;
     display: block;
     background: url(images/map-bg.gif) no-repeat 0px 0px;
     padding: 6px 0 0 7px;
     margin-right: 20px;
}
#map {
     float:left;
     width: 496px;
     display: block;
     height: 400px;
     color: #5c5c5c;

}
.mapNav {
     text-align: right;
     padding: 0 20px 20px 0;

}
.mapNav input, .mapNav select {
     border: solid 1px #4a4848;
     background: #151515;
     color: #d6d4d3;
     font: normal 12px Arial, sans-serif;
     padding: 0 2px;

}

.resultLocations {
     float:left;
     width: 180px;
     display: block;
          font: normal 12px Arial, sans-serif;
          margin:0 -20px 0 20px;
}
.resultLocations p {
     color: #5c5c5c;

     padding: 0 0 0 10px;
}
.resultLocations a {
     color: #d6d4d3;
     padding: 0 0 0 10px;
}
.resultLocations a:hover {
     color: #8b9aae;
     background: url(images/arrow.gif) no-repeat 0px 4px;
}
.resultLocations li {
     padding: 4px 0;
}
.resultLocations h3 {
     font: bold 16px Arial, sans-serif;
     color: #F6F3D2;
     text-transform: uppercase;
     padding: 0 0 0 10px;
}
.resultLocations img {
     padding: 12px 0;
}
#directions {
     float:left;
     width: 509px;
     display: block;
     margin: 0 0 0 175px;
    
}

/*----------------------------------- < /map.css > --------------------------------------*/

/*----------------------------------- < event.css > --------------------------------------*/
.rightAlign {
    float: right;
    margin: 0 0px 0 0;
    }
.eventWrap {
     float:left;
     width: 695px;
     display: block;
     background: url(images/events-bg.jpg) no-repeat 0px 0px;
     padding: 20px 0 0 0;
     margin: 13px 0 0 0;
}
.eventImgHolder {
     float:left;
     width: 152px;
     display: block;
     height: 225px;
}
.eventDesc {
     float:left;
     width: 400px;
     display: block;
     padding: 0 0 0 30px;

}
.eventDesc h3 {
     font: normal 14px Arial, sans-serif;
     color: #dfdddb;
     text-transform: uppercase;
     padding: 0 0 6px 0;
}
.eventDesc p {
     font: normal 11px Arial, sans-serif;
     color: #848484;
     padding: 6px 0;
}
.eventDesc p.dateEvent {
     color: #dfdddb;
}
.eventDesc p.linkEvent {
     font-size: 12px;
     color: #dfdddb;
}
.eventDesc a:hover {
    text-decoration: underline;
}
.eventDesc a.faceBTN {
     width: 199px;
     height: 20px;
     display: block;
     background: url(images/facebook.gif) no-repeat 0px 0px;
}
.eventDesc a.faceBTN:hover {
     background: url(images/facebook.gif) no-repeat 0px -20px;
}
.eventDesc a.faceSmall {
 
     height: 20px;
     display: block;
     background: url(images/facebookPicture.jpg) no-repeat 0px 0px;
     padding: 2px 0 0 25px;
}

/*----------------------------------- < /event.css > --------------------------------------*/

/*----------------------------------- < sitemap.css > --------------------------------------*/ 

.siteList a  {
     font: normal 12px/18px Verdana, sans-serif;

     color: #8b9aae;
     text-transform: uppercase;
     margin: 10px 0 6px 0;
     display: block;
}
.siteList p  {
     line-height: 18px;
}
.siteList a:hover  {
     text-decoration: underline;
}
.siteList ul {
     padding: 15px 0;
}
.siteList li {
     padding: 3px 0 3px 25px;
     background: url(images/arrow.gif) no-repeat 10px 18px;
}


/*----------------------------------- < /sitemap.css > --------------------------------------*/ 



/*----------------------------------- < about us.css > --------------------------------------*/

.aboutWrap  {
     width: 521px;
     float: left;
}
.aboutTop, .careerTop  {
     height: 45px;
     padding: 32px 0 0 41px;
     width: 412px;
     float: left;
}
.aboutTop h1, .careerTop hi {
     color: #F6F3D2;
}
.aboutBody  {
     padding: 0 40px 70px 40px;
     width: 441px;
     color: #fff;
     float: left;
     
     
}
.aboutBody p {
     font: normal 11px/18px Arial, sans-serif;
     padding: 0 0 8px 0;
}
.aboutBody h3 {
     font: bold 12px Arial, sans-serif;
     color: #F6F3D2;
     letter-spacing: 1px;
     padding:8px 0 12px 0;
}
.aboutHr {
     border-top: solid 1px #999999;
     margin: 16px 0 20px 0;
}
    
/*----------------------------------- < /about us.css > --------------------------------------*/

/*----------------------------------- < careers.css > --------------------------------------*/
.careerTop  {
     background: url(images/careers_top.jpg) no-repeat 0px 0px;
}    
/*----------------------------------- < /careers.css > --------------------------------------*/

/*----------------------------------- < thank you.css > --------------------------------------*/

.thankTable {
    margin: 0 0 25px 0;    
}
.thankTable img 
{
    background: #ffffff;
    padding:10px;  
}
.thankTable p {
    padding: 0 0 8px 50px;   
    font-size: 16px; 
}
.thankBg  {
     background: url(images/videoBg.jpg) no-repeat 0px 0px;

    }
.thankBg a {
     font-size: 12px;
    }
.thankBg a:hover {
     text-decoration: underline;
    }
/*----------------------------------- < /thank you.css > --------------------------------------*/

/*----------------------------------- < gift cards.css > --------------------------------------*/

.giftBottom {
     /*float: left;*/
     padding: 12px;
     width: 746px;
}
.giftBody {
     padding: 23px 23px 18px 23px;
     color: #fff;
     /*float: left;*/
     width: 540px;
}
.giftBody ul.smallNav  {
    float: left;
}
.giftBody ul.smallNav li {
    display: inline;
    font-weight: bold;
    list-style: none;
    padding: 0 5px 0 0;
    text-transform: uppercase;
}
.giftBody ul.smallNav a {
    padding:0 5px 0 0;
}
.giftBody h1 {
    margin-bottom: 3px;
}

.giftBody p {
	padding: 0 0 14px 0;
}
.giftBody a:hover {
     text-decoration: underline;
}
.giftBody p.introGift {
	padding: 10px 0 14px 0;
}
.giftBody h3.introGift {
     padding: 15px 0px 0px 0px;
}
.errorWrap {
     background: #db2525;
     padding: 6px 13px;
     margin-bottom: 15px;
    width: 595px;
}
.errorWrap span {
     font-weight: bold;
}
.errorWrap ul { 
	list-style: disc inside;
	padding: 5px 0 0 0;
}
.quantityWrap {
     background: #e8e8e7;
     border: solid 1px #e2e1e0;
     padding: 2px;
}
.quantityWrap td {
     padding: 4px;
     font: normal 12px Arial, sans-serif;
     text-transform: uppercase;
}
.bgGrey {
     background: #dfdfde;
}
.textOrange{
     color: #d35a1e;
}
.textOrange input {
     margin: 0 2px 0 5px;
}
.textRight{
     text-align: right;
}
.quantityWrap td.fit {
     width: 125px;
}
.quantityWrap td.split {
     width: 52px;
}
.quantityWrap td.long {
     width: 265px;
}
.cardsLeft, .cardsRight {
     width: 310px;
     float: left;
     padding: 16px 0 0 0;
}
.cardsLeft span, .cardsRight span {
     float: left;
     padding: 0 0 0 2px;
}
.cardsLeft p, .cardsRight p {
     float: left;
     padding: 0 0 0 2px;
}
.cardsFull p {
     padding: 0 0 0 2px;
}
.cardsLeft h2, .cardsRight h2, .cardsFull h2 {
     color: #912a2f;
     text-transform: uppercase;
     clear: both;
     padding: 0 0 10px 0;
     font-size: 12px;
}
.cardsLeft label, .cardsRight label {
     width: 110px;
     float: left;
     text-transform: uppercase;
     clear: both;
     text-align: right;
     color: #333333;
     padding: 2px 3px 5px 0;
}
.cardsLeft input, .cardsRight input, .cardsLeft select, .cardsRight select  {
     width: 166px;
     background: #f4f3f2;
     border: solid 1px #999999;
     margin: 0 0 5px 0;
     padding: 0 1px 2px 1px;
     font-size: 12px;
     float: left;
}
.cardsLeft input, .cardsRight input  {
     width: 166px;
}
.cardsLeft select, .cardsRight select {
     width: 170px;
}
.cardsRight span.checkBox input {
     width: 13px;
     height: 13px;
    margin: 0 0 8px 0;

}
.autImage {
     background: url(images/autentif.gif) no-repeat 0px 0px;
     height: 83px;
     padding: 11px 0 0 152px;
     width: 129px;
     float: left;
     margin: 5px 0 0 0;
}
.buttonWrap {
     float: left;
     padding: 70px 0 0 30px;
}
input.clearBtn, input.submitBtn  {
     width: 85px;
     padding: 2px 12px;
     border: solid 1px #ffffff;
     color: #ffffff;
     margin: 0 3px 0 0;
     font-weight: bold;
     text-transform: uppercase;
     font-size: 12px;
    
}
input.clearBtn {
      background: #9f8f7f;
}
input.submitBtn {
      background: #ff7029;
}
.buttonGroup {
     padding: 50px 0 0 0;
}
.quantityWrap p.grandNum {
     padding: 8px 0 0 4px;  
}
.quantityWrap p {
     clear: both;
}
.quantityWrap p span {
     padding: 2px 0; 
     float:left;
     display: block; 
}
.firstSec {
     width: 37px;

}
.secondSec {
     width: 80px;

}
.thirdSec {
     width: 120px;

}
.imageSpace {
     padding: 0 0 0 10px;
}
.noteFont {
     padding: 3px 0 0 0;

}
/*----------------------------------- < /gift cards.css > --------------------------------------*/

.privacy ul {
	list-style: disc inside;
     padding: 5px 15px;
}
.privacy ol {
	list-style: decimal inside;
     padding: 5px 15px;
}
.introWhite {
	padding: 10px 0 25px 0;
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* Reset links */
:link,:visited { text-decoration: none; }

/* Reset lists */
ul,ol { list-style: none }

/* Reset headers and other text */
p,table,input,select,td,th,h1,h2,h3,h4,h5,h6 { font-size:1em; }

/* UTILITY - Clear Floats: */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/*----------------------------------- < gallery.css > --------------------------------------*/
.galleryLeft
{
    float: left;
}

.galleryRight
{
    margin-left: 300px;
}
/*----------------------------------- < gallery.css > --------------------------------------*/



/*----------------------------------- < admin.css > --------------------------------------*/
#admin {
    background:#D4D5D6 url(images/adminHeaderBg.jpg) repeat-x scroll 0 50%;
    font-family:Arial;
    font-size:14px;
    font-weight:bold;
    height:39px;
    margin-bottom:10px;
    position:relative;
    text-align:left;
}

#admin #title {
    padding:10px 10px 0;
    color: #000;
}

#admin * {
    float:left;
}

#admin a.tabButton:hover {
    color:#0F5492;
}

#admin a.tabButton {
    background-color:#BDBDBD;
    color:#565656;
    height:24px;
    margin-left:10px;
    padding:10px 20px 0;
    text-align:center;
    text-decoration:none;
}

#admin .logout {
    background:transparent url(images/loginInactive.jpg) no-repeat scroll left bottom;
    color:#454545;
    float:right;
    font-size:12px;
    height:14px;
    padding-bottom:1px;
    padding-left:20px;
    position:absolute;
    right:40px;
    text-decoration:underline;
    top:10px;
    width:14px;
}

#admin .logout:hover {
    background:transparent url(images/loginActive.jpg) no-repeat scroll left bottom;
    color:#002C61;
}

.editPanel p {
color: #fff;
}

.errorSummary {
    color: Red;
    padding-bottom: 10px;
}

.clear
{
	clear:both;
}

.homeRight img
{
	float: left;	
}

.homeRight img
{
	float: left;	
}

.homeRight .copy
{
	float: left; 
	width: 246px; 
	margin:0 5px;
}


/*----------------------------------- < admin navigation > --------------------------------------*/


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(images/cbox/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(images/cbox/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(images/cbox/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/cbox/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/cbox/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(images/cbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/cbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/cbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/cbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/cbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/cbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/cbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(images/cbox/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/cbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/cbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/cbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/cbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/cbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/cbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/cbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/cbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/cbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}
