/* -------------------------------------------------------------- 
   
   style.css
   Site Layout Styles
   
-------------------------------------------------------------- */

body {
	/*background:#FFFFFF url(/images/bg-main.jpg) no-repeat top center;*/
	background:#FFFFFF;
	margin:15px 0 15px 0;
}

#wrapper-top {
	background:#FFFFFF url(/images/bg-wrapper-top.jpg) no-repeat top center;
	height:10px;
    margin:0 auto;
    width:810px;
}
#wrapper {
	background:#FFFFFF url(/images/bg-wrapper.jpg) repeat-y top center;
    margin:0 auto;
    width:810px;
}
#wrapper-bottom {
	background:#FFFFFF url(/images/bg-wrapper-bottom.jpg) no-repeat top center;
	height:10px;
    margin:0 auto;
    width:810px;
}

#header {
	background:#FFFFFF url(/images/bg-header.jpg) no-repeat top center;
	border-left:1px solid #F2F2F2;
	border-right:1px solid #F2F2F2;
	border-top:1px solid #F2F2F2;
	height:150px;
    margin:0 auto;
    width:790px;
}

#content {
	background:#FFFFFF;
	border-left:1px solid #F2F2F2;
	border-right:1px solid #F2F2F2;
    margin:0 auto;
    width:790px;
}
#content ul {
	list-style-type:none;
	padding:0;
	margin:0 0 0 1em;
	/*list-style-image:url(/images/icons/icon-snowflake.jpg);*/
}
#content li {
	background:#FFFFFF url(/images/icons/icon-snowflake.jpg) no-repeat 0 .2em;
	padding:0 0 0 2em;
}

#main-nav {
	/*background:#980D2A url(/images/bg-main-nav.jpg) no-repeat top center;*/
	background:#980D2A;
	border-left:1px solid #F2F2F2;
	border-right:1px solid #F2F2F2;
	border-top:1px solid #FFFFFF;
	height:27px;
    margin:0 auto;
    width:790px;
}
#main-nav ul {
	list-style:none;
	margin:0;
	padding:0;
}
#main-nav li {
	float:left;
}
#main-nav a {
	border-right:1px solid #CCCCCC;
	color:#FFFFFF;
	display:block;
	float:left;
	font-size:1.1em;
	font-weight:bold;
	padding:4px 8px 4px 8px;
	text-decoration:none;
}
/*#main-nav a:hover {
	background:#F2F2F2;
	border-right:1px solid #858585;
	color:#FFFFFF;
	display:block;
	float:left;
	font-size:1.1em;
	font-weight:bold;
	padding:4px 15px 4px 15px;
	text-decoration:none;
}*/

#page-header {
	background:#FFFFFF url(/images/bg-page-header.jpg) no-repeat top center;
	border-left:1px solid #F2F2F2;
	border-right:1px solid #F2F2F2;
	height:30px;
    margin:0 auto;
	padding:5px 0 5px 10px;
    width:780px;
}

#footer-top {
	/*background:#FFEDC7 url(/images/bg-footer.jpg) no-repeat top center;*/
	background:#858585;
	border-left:1px solid #F2F2F2;
	border-bottom:1px solid #F2F2F2;
	border-right:1px solid #F2F2F2;
	color:#FFFFFF;
    margin:0 auto;
	padding:10px 0 10px 0;
    width:790px;
}
#footer-top img {
	padding:0 5px 2px 0;
}
#footer-top .box {
	height:190px;
}
#footer-top .border-right {
	border-right:1px dotted #F2F2F2;
}
#footer-top ul {
	list-style-type:square;
	padding:0;
	margin:0 0 0 1.5em;
}

#footer-bottom {
	background:#980D2A;
	border-bottom:1px solid #F2F2F2;
	border-left:1px solid #F2F2F2;
	border-right:1px solid #F2F2F2;
	line-height:70px;
    margin:0 auto;
    width:790px;
}
#footer-bottom img {
	padding:10px 0 10px 10px;
}


/* Buttons
-------------------------------------------------------------- */
.buttonclear { /* generic container (i.e. div) for floating buttons */
    overflow:hidden;
    width:99%;
	}

/* GENERAL STYLE */
a.button, a.button-search, a.button-add, a.button-back, a.button-delete {
    background:transparent url('/images/bg_button_a.gif') no-repeat scroll top right;
    color:#444444;
    display:block;
    float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
    height:24px;
	margin:1px;
    padding-right:12px; /* sliding doors padding */
    text-decoration:none;
	}
a.button span, a.button-search span, a.button-add span, a.button-back span, a.button-delete span {
    color:#444444;
    display:block;
	font-weight:normal;
    line-height:14px;
    padding:5px 0 5px 24px;
    text-decoration:none;
	} 
a.button:active, a.button-search:active, a.button-add:active, a.button-back:active, a.button-delete:active {
    background-position:bottom right;
    color:#000000;
    outline:none; /* hide dotted outline in Firefox */
    text-decoration:none;
	}
a.button:active span, a.button-search:active span, a.button-add:active span, a.button-back:active span, a.button-delete:active span {
    background-position:bottom left;
    color:#000000;
    padding:6px 0 4px 24px; /* push text down 1px */
    text-decoration:none;
	}
a.button:link, a.button:visited, a.button-search:link, a.button-search:visited, a.button-add:link, a.button-add:visited, a.button-back:link, a.button-back:vistited, a.button-delete:link, a.button-delete:vistited {
	text-decoration:none;
	} 

/* BUTTON IMAGES */
a.button span {
    background:transparent url('/images/bg_button_span.gif') no-repeat;
	} 

a.button-search span {
    background: transparent url('/images/bg_button_span_search.gif') no-repeat;
	} 

a.button-add span {
    background: transparent url('/images/bg_button_span_add.gif') no-repeat;
	} 

a.button-back span {
    background: transparent url('/images/bg_button_span_back.gif') no-repeat;
	} 

a.button-delete span {
    background: transparent url('/images/bg_button_delete.gif') no-repeat;
	} 


/* Tables
-------------------------------------------------------------- */
/* DATA TABLE */
.table-data {
	background-color:#FFFFFF;
	border:0px solid #DBDBDB;
	border-left:solid #DBDBDB 1px;
	border-right:0px solid #DBDBDB;
	border-top:solid #DBDBDB 1px;
	width:100%;
}
.table-data td {
	border-right:1px solid #DBDBDB;
	border-bottom:1px solid #DBDBDB;
	padding:2px;
}
.table-data .top-row td {
	background-color:#F2F2F2;
	border-bottom:1px solid #DBDBDB;
	padding:2px;
	text-align:center;
}
.table-data .total-row td {
	background-color:#F2F2F2;
	padding:2px;
}
.table-data .left-col {
	background-color:#F2F2F2;
}
.table-data tr {
	background-color:#FFFFFF;
}
.table-data tr.highlight{ 
	background-color:#C6D4E1;
	cursor:pointer;
}
.table-data .inactive td {
	background-color:#F2F2F2;
	color:#999999;
	padding:2px;
}

/* Images
-------------------------------------------------------------- */
.accom-image {
	border:1px solid #DBDBDB;
	padding:2px;
}
.resort-image {
	border:1px solid #DBDBDB;
	padding:2px;
}
.banner-left {
	margin:10px 0 10px 0;
}