﻿/***

Tuesday February 20 2007
CSS Stylesheet Written by Janis Yee
Copyright 2007 a5MEDIA Inc. 
www.a5media.ca

Last update April 11 2007, 10am.

***/


/*STYLED DEFAULTS TAGS*/

body {
	background-color: #333333;
	background-image: url(https://www.theprivatecollection.ca/images/interfacebg.gif);
	background-repeat: repeat-y;
	background-position: center top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 21px;
	color: #cccccc;
	text-decoration: none;
	height:100%;
	height: auto;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #CCCCCC;
	font-weight: bold;
	text-decoration: none;
	width: 760px;
	background-color:#333333;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align:center;
	border-bottom:1px #454545 solid;}
	
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #999999;
	font-weight: bold;
	text-decoration: none;}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #999999;
	font-weight: bold;
	text-decoration: none;}

	
INPUT {
	background-color: #666666;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	border: 1px solid #333333;
}

INPUT:hover {
	background-color: #666666;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	border: 1px solid #CCCCCC;
	cursor: pointer;}

a:link, a:active, a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	line-height: 21px;
	color: #999999;
	text-decoration: underline;
	}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	line-height: 21px;
	color: #ffffff;
	text-decoration: underline;
	}

select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:normal;
	line-height: 21px;
	color: #000000;
	text-decoration: none;
}

table {vertical-align: bottom;}
	
th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:normal;
	line-height: 16px;
	color: #CCCCCC;
	text-decoration: none;
	padding:5px;
	background-color:#333333;
	font-weight:bold;
}

th a, a:link, a:visited, a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:normal;
	line-height: 16px;
	color: #CCCCCC;
	text-decoration: underline;
}
th a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:normal;
	line-height: 16px;
	color: #FFFFFF;
	text-decoration: underline;
}

td {padding:5px;}

td a, a:link, a:visited, a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:normal;
	line-height: 16px;
	color: #CCCCCC;
	text-decoration: underline;
}
td a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:normal;
	line-height: 16px;
	color: #FFFFFF;
	text-decoration: underline;
}

hr {border:1px solid #333333;}

/***CONTAINERS / STRUCTURES ***/

.container {
	width: 760px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: left;
	top: 0px;
	margin-top: 0px;
    min-height: 100%;
    height: auto;
	background-image:url(https://www.theprivatecollection.ca/images/headergraphic.gif);
	background-attachment:scroll;
	background-position:center top;
	background-repeat:no-repeat;
}
z
.container2 {
	width: 760px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: left;
	top: 0px;
	margin-top: 0px;
    min-height: 100%;
    height: auto;
	}

.navcontainer{
position:relative;
	width:760px;
	padding: 0;
	text-align: right;
	top: 15px;
	margin: 25px 0 0 0;
    min-height: 100%;
    height: auto;
}

/* Target IE7 only */
html>body .navcontainer {
*top: -10px;
}
/* end */

.headerbox {
height:160px;}

.clientlogviewtableDiv {
padding:15px;
border:2px solid #121212;}

/***NAVIGATIONS***/

a.navRegular:link, a.navRegular:active, a.navRegular:visited
{
    color: #EEEEEE;
	font-size:9px;
	font-weight:normal;
	text-decoration:none;
	padding: 3px;
	margin: 0px;
	background-color:#121212;
	border-bottom: 1px #121212 solid;
}

a.navRegular:hover
{
    color: #EEEEEE;
	font-size:9px;
	font-weight:normal;
	text-decoration:none;
	padding: 3px;
	margin: 0px;
	background-color:#333333;
	border-bottom: 1px #666666 solid;
}

a.navCurrent:link, a.navCurrent:active, a.navCurrent:visited
{
    color: #666666;
	font-size:9px;
	font-weight:normal;
	text-decoration:none;
	padding: 3px;
	margin: 0px;
	background-color:#121212;
}

a.navCurrent:hover
{
    color: #666666;
	font-size:9px;
	font-weight:normal;
	text-decoration:none;
	padding: 3px;
	margin: 0px;
	cursor:default;
	background-color:#121212;
	}

a.logoutbutton, a.logoutbutton:link, a.logoutbutton:active, a.logoutbutton:visited {	
	background-color: #333333;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 10px;
	border: 1px solid #666666;
	height: 25px;
	width: 100px;
	padding: 2px;
	margin:0 0 0 5px;
	text-decoration : none;

}
a.logoutbutton:hover {	
	background-color: #333333;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	border: 1px solid #CCCCCC;
	height: 25px;
	width: 100px;
	text-decoration : none;
	padding: 2px;	margin:0 0 0 5px;}

.adminnav2 {
text-align: right;
width: 760px;
background-color:121212;
z-index:1;
position:relative; 
}

/*.DateBookingNav {}
*/
.DateBookingNav a:link, .DateBookingNav a:active, .DateBookingNav a:visited {
	background-color: #121212;
	color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 10px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #666666;
	padding:3px;
	text-decoration:none;}
	
.DateBookingNav a:hover {
	background-color: #333333;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 10px;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	padding:3px;	text-decoration:none;}



/***CALENDER***/

.calendar th {color:#666666; font-weight:bold;}
.calendar td {color:#EEEEEE; border:1px #333333 solid;}

.calAvailable a:link, .calAvailable a:active, .calAvailable a:visited {background:#EEEEEE; padding:1px; display:block; width:auto; border:1px solid #EEEEEE;}
.calAvailable a:hover {text-decoration:none; padding:1px;  display:block; width:auto;  border:1px solid #EEEEEE;}

.calUnavailable a:link, .calUnavailable a:active, .calUnavailable a:visited {background:#666666; padding:1px; text-decoration:line-through; cursor:default; color:#EEEEEE;}
.calUnavailable a:hover {text-decoration:line-through; padding:1px; color:#EEEEEE; cursor:default;}

.calSelected 
{
    background-color: #EEEEEE;
	color:#666666;
	border:2px solid #999999;
}

.calSelected a:link, .calSelected a:active, .calSelected a:visited, .calSelected a:hover
{
    background-color: #EEEEEE;
	color:#FFFFFF;
	text-decoration:none;
}


.calUnavailable
{
    background-color: #666666;
	color:#EEEEEE;
		border:1px #444444 solid;
	}

.calAvailable
{
    background-color: White;
		color:#666666;
		border:1px #CCCCCC solid;
}

.calAvailable:hover
{
    background-color: #EEEEEE;
		color:#666666;
}

.calCursorDay
{
    background-color: #000000;
    color: White;
}

.calDayHeader
{
    color: #333333;
}

.calTitle
{
    color: White;
	font-weight:bold;
	background-color:#333333;
	border:#333333 1px solid;
}


/***FORM ITEMS***/

.inputEnabled
{
    color: inherit;
	width:700px;
}

.inputDisabled
{
    color: Gray;
	width:700px;}

.select1 {width: 100px;}

.pointsinput { width: 50px;}


/***TABLE STYLES***/

.clientinfotable th {color:#eeeeee;}

.logviewtable {padding:1px;}

.carAttributesControlHeadings
{
    font-weight: bold;
}

.locationsMaster tbody {
border:2px solid #333333;
padding:4px;
}
.locationsMaster td {
border:1px dotted #333333;
padding:4px;}

.locationsMaster th {
border:1px dotted #333333;
padding:4px;
font-weight:bold;}


/*.detailsViewCommandRow
{
}
*/

.clientlogviewtableDiv
{
    height: 20em;
    overflow: auto;
    width: 87%;
}

.adminlogviewtableDiv
{
    height: 20em;
    overflow: auto;
}


/***DATE FILTER***/

a.dateFilter
{
    text-decoration: none;
}

a.dateFilter:hover
{
    text-decoration: none;
    color: #cccccc;
}

.dateFilterDiv
{
    min-height: 17ex;
}

.dateFilterColumn
{
    width: 30ex;
}

/***MANUAL LOCATION ENTRY***/

.manualLocationEntryEnabled
{
    visibility: visible;
}

.manualLocationEntryDisabled
{
    visibility: hidden;
    max-height: 0px;
    height: 0px;
}

/***CAR SELECTOR***/

.carSelectorContainerDiv
{
    overflow: auto;
    border: 2px solid #333333;
	padding:5px;
}

.carSelectorContainerDiv span {
font-weight:bold;
font-size:11px;
color:#CCCCCC;
padding:2px;
width:100%;
}

.carSelectorContainerDiv hr {border:1px dotted #333333; color:#000000;}

.carSelectorContainerDiv a:link, .carSelectorContainerDiv a:active, .carSelectorContainerDiv a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	line-height: 17px;
	color: #999999;
	background:#000000;
	text-decoration: none;
	padding:3px;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
}

.carSelectorContainerDiv a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	line-height: 17px;
	color: #999999;
	background:#333333;
	text-decoration: none;
	padding:3px;
	border-top:1px solid #666666;
	border-bottom:1px solid #666666;

}

/*.emptyCarList
{
}
*/
.carSelector
{
    width: 200px;
    height: 200px;
    overflow: auto;
}

.CarInfoImage {float: left; margin:0 5px 0 10px; border:1px solid #333333;}

.CarInfoDiv h3 span{float: left; margin:10px; width:500px;}

.specsimg {border:#666666 2px solid;}