﻿body {
	margin: 0px 0px 0px 0px;
	font-family: Arial;
	font-size: 11px;
	color: #000000;
}

td {
	font-family: Arial;
	font-size: 11px;
	color: #000000;
	line-height: 19px;
}

div {
	font-family: Arial;
	font-size: 11px;
	color: #000000;
	line-height: 19px;
}

a:link {color: #096cb1;text-decoration: none;}
a:visited {color: #096cb1;text-decoration: none;}
a:hover {color: #0d5689;text-decoration: none;}
a:active {color: #0d5689;text-decoration: none;}

#dLogin {
	width: 350px;
	margin: 50px auto 0px auto;
}

#dMainContainer {
	width: 100%;
	margin: 0px auto 0px auto;
}

#dMainHeader {
	height: 100px;
	width: 100%;
	background-color: #690707;
	background-image: url(images/banner_main.png);
	background-repeat: no-repeat;
	background-position: right;
}

#dMainHeaderContainer {
	height: 100px;
	width: 1000px;
	margin: 0px auto 0px auto;
}

#dMainFooter {
	width: 100%;
	height: 100px;
	background-color: #444444;
}

#dFooterStripe {
	width: 100%;
	height: 5px;
	margin: 0px auto 0px auto;
	background-color: #777777;
	border-bottom: solid 1px #999999;
	
}

#dFooterDots {
	width: 100%;
	height: 1px;
	margin: 0px auto 1px auto;
	border-bottom: dotted 1px #777777;
	
}

#dFooterContent  {
	width: 90%;
	margin: 0px auto 0px auto;
}

#dMainNav {
	height: 30px;
	width: 100%;
	background-color: #777777;
	background-image: url(images/bg_nav.gif);
	background-repeat: repeat-x;
}

#dNavContainer {
	position: relative;
	width: 1000px;
	margin: 0px auto 0px auto;
	height: 30px;
	padding: 0px;
}

#ctl00_mainNavigation_navOpenTickets {
    display: inline;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
}

#ctl00_mainNavigation_navOpenTickets a:link,
#ctl00_mainNavigation_navOpenTickets a:visited {
	color: #ffffff;
	text-decoration: none;
	padding:7px 20px 4px 20px;
	float: left;
	border-left: solid 1px #8C8C8C;
    border-right: solid 1px #535353;
}

#ctl00_mainNavigation_navOpenTickets a:hover {
	color: #cccccc;
	text-decoration: none;
}

#ctl00_mainNavigation_navCustomers {
    display: inline;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
}

#ctl00_mainNavigation_navCustomers a:link,
#ctl00_mainNavigation_navCustomers a:visited {
	color: #ffffff;
	text-decoration: none;
	padding:7px 20px 4px 20px;
	float: left;
	border-left: solid 1px #8C8C8C;
    border-right: solid 1px #535353;
}

#ctl00_mainNavigation_navCustomers a:hover {
	color: #cccccc;
	text-decoration: none;
}


/*a:link {
    color: #000000;
    text-decoration: none;
}

a:hover {
    color: #000000;
}

a:visited {
    color: #000000;
    text-decoration: none;
}

a:active {
    color: #000000;
}*/

#ctl00_mainNavigation_navSites {
    display: inline;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
}

#ctl00_mainNavigation_navSites a:link,
#ctl00_mainNavigation_navSites a:visited {
	color: #ffffff;
	text-decoration: none;
	padding:7px 20px 4px 20px;
	float: left;
	width: auto;
	border-left: solid 1px #8C8C8C;
    border-right: solid 1px #535353;
}

#ctl00_mainNavigation_navSites a:hover {
	color: #cccccc;
	text-decoration: none;
}

#ctl00_mainNavigation_navMarkets {
    display: inline;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
}

#ctl00_mainNavigation_navMarkets a:link,
#ctl00_mainNavigation_navMarkets a:visited {
	color: #ffffff;
	text-decoration: none;
	padding:7px 20px 4px 20px;
	float: left;
	width: auto;
	border-left: solid 1px #8C8C8C;
    border-right: solid 1px #535353;
}

#ctl00_mainNavigation_navMarkets a:hover {
	color: #cccccc;
	text-decoration: none;
}


#ctl00_mainNavigation_navServiceHistory {
    display: inline;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
}

#ctl00_mainNavigation_navServiceHistory a:link,
#ctl00_mainNavigation_navServiceHistory a:visited {
	color: #ffffff;
	text-decoration: none;
	padding:7px 20px 4px 20px;
	float: left;
	width: auto;
	border-left: solid 1px #8C8C8C;
    border-right: solid 1px #535353;
}

#ctl00_mainNavigation_navServiceHistory a:hover {
	color: #cccccc;
	text-decoration: none;
}

#ctl00_mainNavigation_navMaintenanceHistory {
    display: inline;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
}

#ctl00_mainNavigation_navMaintenanceHistory a:link,
#ctl00_mainNavigation_navMaintenanceHistory a:visited {
	color: #ffffff;
	text-decoration: none;
	padding:7px 20px 4px 20px;
	float: left;
	width: auto;
	border-left: solid 1px #8C8C8C;
    border-right: solid 1px #535353;
}

#ctl00_mainNavigation_navMaintenanceHistory a:hover {
	color: #cccccc;
	text-decoration: none;
}

#ctl00_mainNavigation_navPM {
    display: inline;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
}

#ctl00_mainNavigation_navPM a:link,
#ctl00_mainNavigation_navPM a:visited {
	color: #ffffff;
	text-decoration: none;
	padding:7px 20px 4px 20px;
	float: left;
	width: auto;
	border-left: solid 1px #8C8C8C;
    border-right: solid 1px #535353;
}

#ctl00_mainNavigation_navPM a:hover {
	color: #cccccc;
	text-decoration: none;
}

#ctl00_mainNavigation_navCustomerPM {
    display: inline;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
}

#ctl00_mainNavigation_navCustomerPM a:link,
#ctl00_mainNavigation_navCustomerPM a:visited {
	color: #ffffff;
	text-decoration: none;
	padding:7px 20px 4px 20px;
	float: left;
	width: auto;
	border-left: solid 1px #8C8C8C;
    border-right: solid 1px #535353;
}

#ctl00_mainNavigation_navCustomerPM a:hover {
	color: #cccccc;
	text-decoration: none;
}

#ctl00_mainNavigation_navPhotos {
    display: inline;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
}

#ctl00_mainNavigation_navPhotos a:link,
#ctl00_mainNavigation_navPhotos a:visited {
	color: #ffffff;
	text-decoration: none;
	padding:7px 20px 4px 20px;
	float: left;
	width: auto;
	border-left: solid 1px #8C8C8C;
    border-right: solid 1px #535353;
}

#ctl00_mainNavigation_navPhotos a:hover {
	color: #cccccc;
	text-decoration: none;
}

#ctl00_mainNavigation_navReports {
    display: inline;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
}

#ctl00_mainNavigation_navReports a:link,
#ctl00_mainNavigation_navReports a:visited {
	color: #ffffff;
	text-decoration: none;
	padding:7px 20px 4px 20px;
	float: left;
	width: auto;
	border-left: solid 1px #8C8C8C;
    border-right: solid 1px #535353;
}

#ctl00_mainNavigation_navReports a:hover {
	color: #cccccc;
	text-decoration: none;
}

#ctl00_mainNavigation_navUsers {
    display: inline;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
}

#ctl00_mainNavigation_navUsers a:link,
#ctl00_mainNavigation_navUsers a:visited {
	color: #ffffff;
	text-decoration: none;
	padding:7px 20px 4px 20px;
	float: left;
	width: auto;
	border-left: solid 1px #8C8C8C;
    border-right: solid 1px #535353;
}

#ctl00_mainNavigation_navUsers a:hover {
	color: #cccccc;
	text-decoration: none;
}

#ctl00_mainNavigation_navSystemLog {
    display: inline;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
}

#ctl00_mainNavigation_navSystemLog a:link,
#ctl00_mainNavigation_navSystemLog a:visited {
	color: #ffffff;
	text-decoration: none;
	padding:7px 20px 4px 20px;
	float: left;
	width: auto;
	border-left: solid 1px #8C8C8C;
    border-right: solid 1px #535353;
}

#ctl00_mainNavigation_navSystemLog a:hover {
	color: #cccccc;
	text-decoration: none;
}


#navLogout {
    position: relative;
    display: inline;
    width: 100px;
    height: 23px;
    padding-top: 7px;
    text-align: center;
    border-right: solid 1px #8C8C8C;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    float: right;
    margin: 0px 0px 0px auto;
}

#navLogout a {
	color: #ffffff;
	text-decoration: none;
}

#navLogout a:hover {
	color: #cccccc;
	text-decoration: none;
}

#dMainPlaceHolder {
	width: 1000px;
	margin: 20px auto 0px auto;
}

#dPageContainer {
	width: 100%;
	margin: 0px auto 0px auto;
	
}

.autoComplete {
    max-height: 300px;
}

.loginTextBox {
	font-family: Arial;
	font-size: 11px;
	color: #000000;
	border: solid 1px #cccccc;
	line-height: 19px;
	height: 19px;
}

.loginText {
	font-family: Arial;
	font-size: 11px;
	color: #777777;
}

.textBox {
	font-family: Arial;
	font-size: 11px;
	color: #000000;
	line-height: 16px;
	height: 16px;
}

.textAreaBox {
	font-family: Arial;
	font-size: 11px;
	color: #000000;
}

.textBox-worksheet {
	/*border-left: none;
	border-top: none;
	border-right: none;
	border-bottom: solid 1px #ccc;*/
	border: solid 1px #ccc;
	font-family: Arial;
	font-size: 11px;
	color: #000000;
	line-height: 16px;
	height: 16px;
}

.textBox-underline {
	border-left: none;
	border-top: none;
	border-right: none;
	border-bottom: solid 1px #999;
	font-family: Arial;
	font-size: 11px;
	color: #000000;
	line-height: 16px;
	height: 16px;
}

.dropDown {
	font-family: Arial;
	font-size: 12px;
	color: #000000;
}

.pageHeader {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #B81613;
}

.subHeader {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

.worksheetCatHeader {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	padding-top: 10px;
}

.worksheetSquareBorder {
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom: none;
}

.worksheetBottomBorder  {
	border-bottom: solid 1px #ccc;
}

/* COLORS */
.grayBorder {
	border: solid 1px #ccc;
}


.altRowColor {
	background-color: #eeeeee;
    color: #333;
    font-size: 11px;
    font-weight: normal;
}

.headerGridView {
	color: #ffffff;
	background-color: #B1C058;
	text-align: left;
	padding: 3px;
    border: none;
}

.headerGridView a:link {color: #ffffff;text-decoration: none;}
.headerGridView a:visited {color: #ffffff;text-decoration: none;}
.headerGridView a:hover {color: #ffffff;text-decoration: none;}
.headerGridView a:active {color: #ffffff;text-decoration: none;}

.headerGridViewGray {
	color: #ffffff;
	background-color: #999999;
	text-align: left;
	padding: 3px;
    border: none;
	border-bottom: solid 1px #ffffff;
}

.headerGridViewGray a:link {color: #ffffff;text-decoration: none;}
.headerGridViewGray a:visited {color: #ffffff;text-decoration: none;}
.headerGridViewGray a:hover {color: #ffffff;text-decoration: none;}
.headerGridViewGray a:active {color: #ffffff;text-decoration: none;}

.rowGridView {
    border: none;
	border-bottom: solid 1px #cccccc;
	padding: 3px;
    color: #333;
    font-size: 11px;
    font-weight: normal;
}

.dottedUnderline {
	border-bottom: dotted 1px #cccccc;
}

.calendarHeader {
    background-color: #eee;
    height: 20px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    border: 1px solid #ccc;
}

.calendarDayHeader {
    background-color: #eee;
    height: 20px;
    border: 1px solid #ccc;
    color: #444;
    font-size: 11px;
}

.calendarDay{
    border: 1px solid #ccc;
    cursor: pointer;
    background-image: url(images/bg_calendarday.gif);
    color: #444;
    font-size: 12px;
    font-weight:normal;
}

.calendarDay a {
    font-size: 13px;
    font-weight: bold;
    color: #444;
}

.calendarDayHover{
    border: 1px solid #ccc;
    cursor: pointer;
    background-image: url(images/bg_calendarday_on.gif);
    color: #f29a00;
}

.calendarDayHover a {
    font-size: 16px;
    font-weight: bold;
    color: #f29a00;
}

.calendarSelectedDay {
    /*background: #999;*/
    cursor: pointer;
    background-image: url(images/bg_calendarday_selected.gif);
    border: 1px solid #ccc;
    color: #f29a00;
}

.calendarSelectedDay a {
    font-size: 16px;
    font-weight: bold;
    color: #f29a00;
}

.calendarDayHasPM {
    /*background: #999;*/
    cursor: pointer;
    background-image: url(images/bg_calendarday_haspm.gif);
    
    color: #95aa17;
}

.calendarDayHasPM a {
    font-size: 16px;
    font-weight: bold;
    color: #95aa17;
}

.calendarDayHasPMSelected {
    /*background: #999;*/
    cursor: pointer;
    background-image: url(images/bg_calendarday_haspmselected.gif);
    
    color: #95aa17;
}

.calendarDayHasPMSelected a {
    font-size: 16px;
    font-weight: bold;
    color: #95aa17;
}

.calendarOtherMonthDay {
    border: 1px solid #ccc;
    background-color: #fff;
    cursor: default;
}

.calendarOtherMonthDay a {
    visibility: hidden;
}