.body { margin:0px; background-image: url(../../images/white-pattern.png); font-family:Arial,Trebuchet MS,Sans-Serif; font-size:12px; }
.header { width:100%; text-align:center; height:138px; background-image: url(../../images/red-pattern.png); }
.header-crown { margin-left:auto; margin-right:auto; background-image: url(../../images/crown-nav2.png); width: 1000px; height: 138px; background-repeat: no-repeat; }
.cc-sidebar-fade { width: 150px; height: 50px; text-align: center; vertical-align: top; background-image: url(../../images/sidebar-fade2.png); background-repeat: no-repeat; }
.cc-sidebar-tile1 { vertical-align: top; height: 100%; text-align: center; background-image: url(../../images/sidebar-tile2.png); background-repeat: repeat-y; }
.cc-sidebar-tile2 { text-align: center; background-image: url(../../images/sidebar-tile2.png); background-repeat: repeat-y; }
.sidebar-fade { width: 251px; height: 50px; text-align: center; vertical-align: top; background-image: url(../../images/sidebar-fade.png); background-repeat: no-repeat; }
.sidebar-tile1 { vertical-align: top; height: 100%; text-align: center; background-image: url(../../images/sidebar-tile.png); background-repeat: repeat-y; }
.sidebar-tile2 { text-align: center; background-image: url(../../images/sidebar-tile.png); background-repeat: repeat-y; }

.book-online { width: 216px; height: 353px; margin-left: auto; margin-right: auto; background-image: url(../../images/book-online.png); }
.phone { float: right; background-image: url(../../images/interior_phone.png); width: 232px; height: 22px; }
.footer { margin-left:auto; margin-right:auto; width: 800px; background-repeat: no-repeat; height: 79px; padding-top: 10px; padding-right: 10px; background-image: url(../../images/interior-footer_03.png) }
.footer-left { width: 12px; background-repeat: no-repeat; height: 79px; background-image: url(../../images/footer-left.png) }
.footer-right { width: 12px; background-repeat: no-repeat; height: 79px; background-image: url(../../images/footer-right.png) }
.footer-fill { width: 680px; background-repeat: repeat-x; height: 79px;background-image: url(../../images/footer-fill.png) }
.service-footer { float: left; padding-left: 20px; width: 774px; background-repeat: no-repeat; height: 79px; padding-top: 10px; padding-right: 10px; background-image: url(../../images/interior-footer_03.png) }

p { text-align:left; }
div { text-align:left; }
img { border:none; }
textarea { font-family:Arial, Trebuchet MS, Sans-Serif; font-size:12px; }
hr { border:none; height:1px; }

.corporate-name { font-family: Arial, Helvetica, Trebuchet MS, Sans-Serif; margin-top:5px; font-size: 12pt; color: #CC0000; text-align:left; font-weight:bold; }
.corporate-title { font-family: Arial, Helvetica, Trebuchet MS, Sans-Serif; margin-top:5px; font-size: 11pt; color: #000000; text-align:left; }

.contentheader { font-family: Arial, Helvetica, Trebuchet MS, Sans-Serif; margin-top:5px; font-size: medium; color: #CC0000; text-align:left; }
.redbold { color:#cc0000; font-weight:bold; }
.greenbold { color:#009900; font-weight:bold; }

.homepage-containingdiv { margin:0px;width:100%;height:100%;text-align:center;background-image:url(../../images/white-pattern.png); }
.homepage-goldtop { width:915px;height:16px;background-image: url(../../images/gold-top2.png); }
.homepage-phone { float:right;width: 274px; height: 43px; background-image: url(../../images/phone3.png); }
.homepage-goldbottom { width: 915px; background-repeat: no-repeat; padding-left: 10px; height: 82px; padding-top: 10px; padding-right: 10px; background-image: url('../../images/gold-bottom3.png'); }

.franchise-tile { background-image: url(../../images/nav-tile.png); background-repeat: repeat-x; width: 100%; text-align: center;height:30px; }
.franchise-footer {height:64px;background-image: url('../../images/adminfooter.png'); background-repeat: repeat-x; }

.control { color: #464646; font-size: 9px; font-family: Verdana, Arial; background-color: #ffffff; border: solid 1px #c0c0c0 }
.button { color: #660000; font-size: 12px; font-family: "Trebuchet MS", arial, verdana; background-color: white; cursor: pointer; height: 20px; border: solid 1px #c0c0c0 }

.admin-body { margin:0px; background-color: #fef6ec; }
.admin-header { width: 100%; text-align: center; display: table; height: 70px; background-image: url(../../images/admin-bg.png); }

.callcenter-footer {width:100%; height:79px; background-image:url('../../images/adminfooter.png'); background-repeat:repeat-x; }

a.franchise-rollover { display: block;width: 85px;height: 20px;text-decoration: none;background: url(../../images/admin/nav-franchise.png);background-repeat: no-repeat; }
a.franchise-rollover:hover { background-position: -85px 0; }
a.reports-rollover { display: block;width: 70px;height: 20px;text-decoration: none;background: url(../../images/admin/nav-report.png);background-repeat: no-repeat; }
a.reports-rollover:hover { background-position: -70px 0; }
a.settings-rollover {display: block;width: 70px;height: 20px;text-decoration: none;background: url(../../images/admin/nav-settings.png);background-repeat: no-repeat; }
a.settings-rollover:hover { background-position: -70px 0; }
a.files-rollover { display: block;width: 118px;height: 20px;text-decoration: none;background: url(../../images/admin/nav-files.png);background-repeat: no-repeat; }
a.files-rollover:hover { background-position: -118px 0; }
a.users-rollover { display: block;width: 50px;height: 20px;text-decoration: none;background: url(../../images/admin/nav-users.png);background-repeat: no-repeat; }
a.users-rollover:hover { background-position: -50px 0; }
a.marketing-rollover {display: block;width: 95px;height: 20px;text-decoration: none;background: url(../../images/admin/nav-marketing.png);background-repeat: no-repeat; }
a.marketing-rollover:hover { background-position: -95px 0; }
a.notes-rollover {display: block;width: 140px;height: 20px;text-decoration: none;background: url(../../images/admin/franchise-notes.png);background-repeat: no-repeat; }
a.notes-rollover:hover { background-position: -140px 0; }

.callcenter-tile { background-image: url(../../images/nav-tile.png); background-repeat: repeat-x; width: 100%; }

.displace { position: absolute; left: -5000px; }
.admin-topmenu
{
	-moz-border-radius-topleft: 1em;
	-webkit-border-top-left-radius: 1em;
	-moz-border-radius-topright: 1em;
	-webkit-border-top-right-radius: 1em;
	background-color: #edd9b6;
	width: 150px;
	padding-left: 5px;
	padding-top: 4px;	
	vertical-align: middle;
	border-bottom: solid #cccccc 1px;
}
.admin-middlemenu
{
	background-color: #edd9b6;
	width: 150px;
	padding-left: 5px;
	padding-top: 4px;
	vertical-align: middle;
	border-bottom: solid #cccccc 1px;
}
.admin-bottommenu
{
	-moz-border-radius-bottomleft: 1em;
	-webkit-border-bottom-left-radius: 1em;	
	-moz-border-radius-bottomright: 1em;
	-webkit-border-bottom-right-radius: 1em;
	background-color: #edd9b6;
	width: 150px;
	padding-left: 5px;
	padding-top: 4px;
	vertical-align: middle;
}
.reportpager { background-color:#edd9b6; font-family: Arial; color: #ae946d; font-size:10pt; }
.pager { background-color:#edd9b6; font-family: Arial; color: #ae946d; font-size:10pt; }

.Grid { }
.Grid tr { border-right: solid 1px #c0a97f; border-left: solid 1px #c0a97f; }
.Grid td { border-color: #c0a97f; }
.GridHeader { background-color: #edd9b6; border: none; font-family: Arial; font-size: 8pt; text-align: left; color: #ae946d; }
.GridPager { background-color: #edd9b6; border: none; font-family: Arial; font-size: 8pt; text-align: center; color: #ae946d; }
.AltRow { background-color: #edd9b6; font-family: Arial; font-size: 10pt; color: #888888; }
.Row { background-color: #fef6ec; font-family: Arial; font-size: 10pt; color: #888888;  }

.Edition select, input { font-size:12px; }

/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar { background-image: url(../../images/rating/FilledStar.png); }
.emptyRatingStar { background-image: url(../../images/rating/EmptyStar.png); }
.savedRatingStar { background-image: url(../../images/rating/SavedStar.png); }

.cc-step-4-itemlist td { text-align:left; }
.ajaxbutton { }

.grid2 { font-family: Arial; color: #ae946d; font-size:10pt; background-color:#edd9b6; border-collapse:collapse; }
.grid2 thead { font-weight:bold; }
.grid2 > thead > tr > th { border:solid 1px #ae946d; }
.grid2 > tbody > tr > td { border:solid 1px #ae946d; }
.grid2 > tbody > tr { background-color:#fef6ec; cursor:pointer; }
.grid2 > tbody > tr:hover { background-color:#e1e4ea; }
.grid2 tbody .altrow { background-color: #f9ecd8; }

.grid2 > tbody tbody td { border-bottom:solid 1px #ae946d; }

.callback-required { font-weight:bold; }

.appointment-notes-add-button {}
.appointment-notes-item-row {}
#notes-dialog { width:350px; }
.dialog { position:absolute; background-color:#f9ecd8; border:solid 2px #ae946d; height:auto; z-index:9999; }
.dialog-titlebar { padding:5px; font-weight:bold; background-color:#edd9b6; color: #ae946d; border-bottom:solid 1px #ae946d; }
.mask { width: 100%; height: 100%; z-index: 9000; padding: 0px; margin: 0px; background-color:#e8e8e8; position: absolute; top: 0px; left:0px; overflow: hidden; filter: Alpha(Opacity=40); -moz-opacity:0.4; opacity: 0.4; }

.month-calendar { font-family:Verdana; border:solid 1px #ccddee; width:166px; font-size:10pt }
.month-calendar-items { font-size:8pt;color:#6a6a6b }
.month-calendar-items td { width:34%; text-align:center; height:15px; }
.month-calendar-items a:link { font-weight: bold; font-size: 7pt; color: #333399; text-decoration: none; }
.month-calendar-items a:visited { font-weight: bold; font-size: 7pt; color: #333399; text-decoration: none; }
.month-calendar-items a:hover { font-weight: bold; text-decoration:overline; font-size: 7pt; color: #333399; text-decoration: none; }
.month-calendar-header { font-size: 8pt; font-weight:bold; color: #000000; font-family: Verdana, Arial; text-align: center; background-color:#C3D9FF; border-bottom:solid 1px #cccccc; }
.month-calendar-header a:link { font-weight: bold; color: #ffffff; text-decoration: none; }
.month-calendar-header a:visited { font-weight: bold; text-decoration: none; }
.month-calendar-header a:hover { font-weight: bold; text-decoration:none; text-decoration: none; }

.grid3 { font-family: Arial; color: #000000; font-size:10pt; background-color:#C3D9FF; border-collapse:collapse; }
.grid3 thead { font-weight:bold; }
.grid3 > tbody > tr > td, th { border:solid 1px #CCDDEE; }
.grid3 > tbody td { border:solid 1px #CCDDEE; font-size:8pt; }
.grid3 > tbody > tr { background-color:#ffffff; cursor:pointer; }
.grid3 > tbody > tr:hover { background-color:#e1e4ea; }
.grid3 tbody .altrow { background-color: #E8EEF7; }

.content { font-family: arial, trebuchet MS, sans-serif; font-size: 12px; }

.cleardiv { clear:both; }
.schedule-table { background-color:#edeeff; border-collapse:collapse; }
.schedule-table td, th { border-right:solid 1px #ffffff; }
.schedule-table td { padding:0px; }
.schedule-truck-column { float:left; position:relative; top:0px; left:0px; }
.schedule-column-header { font-weight:bold; background-color:#ccccff; text-align:center; color:Navy; font-size:14px; padding:3px; border-bottom:solid 1px #ffffff; }
.schedule-hours-block { width:60px; text-align:center; height:199px; line-height:200px; background-color:#b5cbef; border-bottom:solid 1px #ffffff; }
.schedule-appointment-block { width:110px; text-align:center; background-color:#bddbff; position:relative; padding:2px; cursor:pointer; float:left; border-bottom:solid 1px #ffffff; }
.schedule-available-block { height:195px; line-height:200px; text-align:center; position:relative; padding:2px; border-bottom:solid 1px #ffffff; }
.schedule-available-block div { width:110px; text-align:center; margin-left:auto; margin-right:auto; }
.schedule-appointment-block:hover { background-color:#eff3ff; }
.schedule-appointment-block.selected { background-color: #ccff66; }
.schedule-appointment-block.selected:hover { background-color:#eff3ff; }

.schedule-change-appointment-block { width:110px; text-align:center; background-color:#bddbff; position:relative; padding:2px; float:left; border-bottom:solid 1px #ffffff; }
.schedule-change-available-block div { width:110px; text-align:center; margin-left:auto; margin-right:auto; }
.schedule-change-appointment-block.selected { background-color: #ccff66; }

.schedule-new-hours-block { width:60px; text-align:center; height:99px; line-height:100px; background-color:#b5cbef; border-bottom:solid 1px #ffffff; }
.schedule-new-available-block { height:95px; line-height:100px; text-align:center; position:relative; padding:2px; border-bottom:solid 1px #ffffff; }
.schedule-new-available-block div { width:110px; text-align:center; margin-left:auto; margin-right:auto; }
.schedule-new-appointment-block { width:110px; text-align:center; background-color:#bddbff; position:relative; padding:2px; float:left; border-bottom:solid 1px #ffffff; }

.schedule-simple { border-collapse:collapse; background-color:#edeeff; }
.schedule-simple th { padding:2px; background-color: #ccccff; font-weight: bold; color: navy; border-right:solid 1px #ffffff; border-bottom:solid 1px #ffffff; }
.schedule-simple td { background-color: #edeeff; border-right:solid 1px #ffffff; border-bottom:solid 1px #ffffff; white-space:nowrap; text-align:center; height:25px; }
.schedule-simple td.hour-block { padding-left:2px; padding-right:2px; }
.schedule-simple td div { cursor:pointer; height:25px; }
.schedule-simple td div.selected { background-color: #ccff66; }
.schedule-simple td div.booked { background-color: #9999ff; }
.schedule-simple td div:hover { background-color:#eff3ff; }

#MapCanvas { width:403px; height: 300px; }

.ajax__calendar { z-index : 9999 !important; }
.ajax__calendar_container { z-index : 9999 !important; }
