/* ***** BASIC ELEMENTS ********************************************************** */

* {
	margin: 0;
	padding: 0;
	}

 .ui-notify { width:350px; position:fixed; bottom:10px; right:30px; }
body {
	font-family: 'Arial';
	background-color: #ffffff;
	font-size: 12px;
	color: #4b4b4b;
	line-height: 140%;
	padding-bottom: 50px;
	}

p {
	padding-bottom: 15px;
	}
.selected_date{background-color:#e8e8e8;}

a {
	text-decoration: none;
	color: #7389ca;
	}

a:hover {
	text-decoration: underline;
	}

.clear {
	clear: both;
	height: 0px;
	}

td, th {
	border-bottom: 1px solid #eeeeee;
	padding: 5px;
	}

th {
	text-align: left;
	font-weight: bold;
	}

input, select {
	font-size: 11px;
	}

h2 {
	font-size: 18px;
	color: #ffffff:;
	font-weight: bold;
	padding-bottom: 5px;
	}

ul {
	list-style: none;	
	}

.td-customer-title {
	background-color: #d4d4d4;
	font-weight: bold;
	}
.td-users-title {
	background-color: #f2f2f2;
	font-weight: bold;
	}

.tbl-users {
	border: 1px solid #eeeeee;
	float: left;
	}

.tbl-users-edit {
	border: 1px solid #eeeeee;
	float: right;
	}



/* ***** LAYOUT ********************************************************** */


.logo {
	width: 300px;
	height: 45px;
	background: url('Images/logo.jpg') no-repeat;
	}

#login {
	width: 300px;
	margin: 0 auto;
	margin-top: 50px;
	}

.login-form {
	margin-top: 15px;
	border: 5px solid #e9eef5;
	padding: 15px;
	padding-left: 30px;
	}
	
	.login-form td
	{
		padding:0px;
		margin:0px;
		border-bottom:0px;
	}

	.login-form input {
		margin-bottom: 10px;
		padding: 3px;
		}

.login-info {
	width: 300px;
	text-align: center;
	margin-top: 5px;
	}

#headerWrap {
	height: 80px;
	background-color: #525860;
	}

#header-line {
	height: 10px;
	background-color: #525860;
	border-bottom: 5px solid #e9eef5;
	}

#header {
	position: relative;
	width: 990px;
	margin: 0 auto;
	height: 80px;
	color: #ffffff;
	}

	#title {
		padding-top: 15px;
		float: left;
		font-size: 22px;
		font-weight: bold;
		}

	#user-nav {
		padding-top: 8px;
		float: right;
		}

	.user-nav-ul {
		}
	
	.user-nav-ul li {
		list-style: none;
		font-size: 11px;
		float: left;
		border-right: 1px solid #626870;
		}

	.user-nav-ul li a, 	.user-nav-ul li span  {
		display: block;
		float: left;
		padding: 0 7px 0 8px;
		color: #f9f8c6;
		}

	.user-nav-ul li span  {
		color: #bfced6;
		}

	.user-nav-ul li.no-border {
		border: none;
		}

.nav-main {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	}

	.main-nav-ul li {
		list-style: none;
		float: left;
		margin-right: 5px;
		font-size: 14px;
		}

	.main-nav-ul li a {
		display: block;
		float: left;
		padding: 6px 13px;
		color: #fbfbed;
		background-color: #3e444c;
		}

	.main-nav-ul li a:hover {
		color: #fbfbed;
		background-color: #636a73;
		text-decoration: none;
		}
	
	.main-nav-ul li a.main-nav-selected {
		color: #fbfbed;
		background-color: #636a73;
		text-decoration: none;
		cursor:default;
		}

	.main-nav-ul li.main-nav-settings-li {
		float: right;
		}

	.main-nav-settings {
		padding-left: 14px;
		background: url('Images/i_wrench.png') no-repeat 0px 0px;
		}

.nav-sub 
{
	/*
	position: absolute;
	bottom: 0;
	left: 0; 
	*/
	padding: 5px 0;
	}

	.sub-nav-ul li {
		list-style: none;
		float: left;
		height:21px;
		margin-right: 5px;
		margin-top: 2px;
		}

	.sub-nav-ul li a {
		display: block;
		float: left;
		padding: 2px 8px;
		color: #fbfbed;
		}

	.sub-nav-ul li a:hover {
		color: #000000;
		background-color: #ffffff;
		text-decoration: none;
		}
	
	.sub-nav-ul li a.sub-nav-selected {
		color: #000000;
		background-color: #ffffff;
		text-decoration: none;
		cursor:default;
		}



#toolbarWrap {
	overflow:hidden;
	background-color: #636a73;
	}

#toolbar {
	position: relative;	
	width: 990px;
	margin: 0 auto;
	color: #ffffff;
	}


#container {
	width: 990px;
	margin: 0 auto;
	}

.content {
	padding: 15px;
	padding-top: 30px;
	}

.options-toolbar {
	padding: 5px;
	background-color: #e9eef5;
	height: 20px;
	margin-bottom: 5px;
	}

.options-toolbar .fldDate {
		width: 115px;
		padding:3px;
		}
		
.options-toolbar .fldIcon {
		padding-top: 3px;
		margin-left: 3px;
		}

.options-toolbar .input {
		width: 115px;
		padding:3px;
		}
/*.options-toolbar .label 
{
	padding:3px;
}*/

.options-toolbar-pages {
	margin: 4px 3px 0 0;
	float: right;
	font-weight: bold;
	font-size: 11px;
	color: #979faa;
	}

/*#edit-box {
	width: 450px;
	margin: 0 auto;
	margin-top: 150px;
	border: 5px solid #525860;
	background-color: #ffffff;
	}*/

.form {
	padding: 30px;
	}

.form input, select, textarea {
	padding: 3px;
	width: 160px;
	}

.form select {
	padding: 3px;
	width: 170px;
	}

	.form .fldPhoneL {
		width: 45px;
		float:left;
		}

	.form .fldPhoneR {
		width: 100px;
		margin-left: 5px;
		float:left;
		}

	.form .fldDate {
		width: 160px;
		float: left;
		}

	.form .fldIcon {
		display: block;
		float: left;
		padding-top: 3px;
		margin-left: 3px;
		}

.form label {
	float: left;
	width: 150px;
	font-size: 12px;
	font-weight: bold;
	padding-top: 1px;
}
.Mazdalabel {
	float: left;	
	font-size: 12px;
	font-weight: bold;
	padding:1px 0 1px 2px;
}
.MazdalabelTitle
{
	float: left;	
	font-size: 14px;
	font-weight: bold;
	padding:1px 0 1px 2px;
}

.form label span {
	font-size: 11px;
	color: #b3b7bb;
	}

.form li {
	margin-bottom: 10px;
	display: block;
	clear: both;
	}

.form-submit {
	border-top: 3px solid #e9eef5;
	margin-top: 15px;
	padding: 0 10px;
	padding-top: 15px;
	text-align: right;
	}

.btnSubmit, .form .btnSubmit, .login-form .btnSubmit {
	width: auto;
	padding: 3px 8px;
	margin-right: 3px;
	}
	
	input.fldNormal {
		width: 30px; 
		}

	.form input.fldNormal {
		width: 30px; 
		}

	select.fldNormal {
		width: auto; 
		}

	label.fldNormal {
		width: auto;
		float: inline;
		}
	
	select.fldSmall option {
		padding-right: 10px;
		}

	textarea.fldBig {
		/*width: 300px;*/
		width:270px;
		font-size:11px;
		font-family:Arial;
		}

table.tblForm {
	width: 550px;
	}

table.tblForm td {
	background: url('pic/bg_td.gif') repeat-x bottom;
	/*border-right: 1px solid #eeeeee;*/
	border-bottom: 0px none;
	}

table.tblAlarms td
{
	border-bottom:0px;
	padding:2px;
}

table.tblAlarms span
{
	font-size:12px;
}

.checkBox td
{
	border:0px;
	padding:0px;
}
.checkBox input
{
	width: 30px;
}
.checkBox label
{
	width: auto;
	float:none;
	padding-top:0px;
	font-weight:normal;
}

.checkBox1 input
{
	width: auto;
	margin-right:10px;
	margin-bottom:3px;
	margin-top:3px;
}
.checkBox1 label
{
	width: auto;
	float:none;
	font-weight:bold;
	padding-top:0px;
}
	
#CreateUser td,th
{
	border-bottom: 0px;
}

.RadDatum td,.RadDatum th
{
	border-bottom:0px;
}

.GridPager span,.GridPager a
{
	font-size:10px;
}
.GridPager td,.GridPager  th
{
	padding:3px;
}

.tabHeader th
{
	padding:5px;
}

/*.edit-box-header {
	background: #636a73;
	height: 30px;
	border-top: 1px solid #444a51;
	border-left: 1px solid #444a51;
	border-right: 1px solid #444a51;
	}

.edit-box-close {
	float: right;
	margin: 7px 4px 0 0;
	}

	.edit-box-close a {
		display: block;
		height: 16px;
		width: 16px;
		background: url('pic/i_close.gif') no-repeat;
		}

.edit-box-icon {
	height: 16px;
	width: 16px;
	float: left;
	margin: 7px 0 0 4px;
	background: url('pic/i_edit_box.gif') no-repeat;
	}*/


.notice-good {
	background: #d9ffd2 url('Images/tick.png') no-repeat 9px 10px;
	border: 1px solid #4fd66e;
	padding: 10px;
	padding-left: 28px;
	color: #1c8b36;
	font-weight: bold;
	margin-bottom: 15px;
	}

.notice-bad {
	background: #ffcece url('Images/cross.png') no-repeat 9px 10px;
	border: 1px solid #e55353;
	padding: 10px;
	padding-left: 28px;
	color: #c52d2d;
	font-weight: bold;
	margin-bottom: 15px;
	}

/* ----- Calendar ---------------------------------------------- */

.col-main {
	position: relative;
	float: left;
	width: 745px;
	}

.col-sidebar {
	padding-top: 8px;
	float: right;
	width: 200px;
	font-size: 11px;
	}

	.col-sidebar p {
		padding: 5px;
		}

	.col-sidebar ul {
		padding-left: 5px;
		}

.sidebar-section {
	margin-bottom: 20px;
	}

.title-month {
	background-color: #f7f7f7;
	font-weight: bold;
	padding: 0 3px;
	margin-bottom: 3px;
	}

h3 {
	font-size: 13px;
	font-weight: bold;
	background-color: #e9eef5;
	padding: 7px;
	}

.h3-add-event {
	background: url('pic/i_calendar_add.gif') no-repeat 0 0;
	padding-left: 22px;
	}

.h3-this-day {
	background: url('pic/i_calendar_day.gif') no-repeat 0 0;
	padding-left: 22px;
	}

.calendar-table-section {
	padding: 0 5px 5px 5px;
	background-color: #e9eef5;
	}


/* ----- Calendar Small ------------------------ */

.calendar-small {
	width: 200px;
	padding: 0px;
	margin: 0px;
	border-left: 1px solid #e4e4e4;
	font-size: 10px;
	color: #616B76;
	text-align: center;
	background-color: #fff;
	margin-bottom: 15px;
}

.calendar-small .nav, .calendar-small .nav a {
	font-size: 13px;
	text-align: center;
	text-decoration: none;
	padding: 0 3px;
}

.calendar-small th {
	font-size: 10px;
	color: #616B76;
	background-color: #e9eef5;
	border-right: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	border-top: 1px solid #e4e4e4;
	text-align: center;
	padding: 3px 3px;
}

.today, td.today a, td.today a:link, td.today a:visited {
	color: #F6F4DA;
	font-weight: bold;
	background: #DF9496;
}

.calendar-small td {
	border-right: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	width: 14%;
	text-align: center;
	padding:0px;
}

.calendar-small td a {
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding: 3px 3px;
}

.calendar-small-title
{
	width: 200px;
	margin: 0;
	font-size: 10px;
	color: #616B76;
	text-align: center;
	background-color: #E0E5EC;
	margin-bottom:0px;
}

/*.calendar-small a:hover, a:active {
	color: #000000;
	/*background: #eeeeee url('Images/bg_td_sml.gif') top left;
}*/

.calendar-small-title td
{
	border-bottom: 0px none ;
	border-right: 0px none ;
	font-size: 11px;
	text-align: center;
	font-weight: bold;
	background-color: #e0e5ec;
	padding: 5px 0;
}

/*.calendar-small-title a:hover, a:active {
	color: #616B76;
	background: #E0E5EC;
}*/

.close-sidebar {
	text-align: right;
}

.close-sidebar a {
	background: url('Images/i_arrow_close.gif') no-repeat right 3px;
	padding-right: 10px; 
}


.col-sidebar-small {
	padding-top: 25px;
	float: right;
	width: 10px;
	font-size: 11px;
	}

	.col-sidebar-small a {
		display: block;
		height: 375px;
		width:10px;
		background: #5B5B5B url('Images/i_arrow_open2.gif') no-repeat center;
		}

	.col-sidebar p {
		padding: 5px;
		}

	.col-sidebar ul {
		padding-left: 5px;
		}

.sidebar-section {
	margin-bottom: 20px;
	}


/* ----- Month View ------------------------ */

/*.calendar-table-month {
	background-color: #bbc1c9;
	}

	.calendar-table-month th {
		background-color: #ffffff;
		text-align: center;
		border: 0;
		width: 14%;
		}

	.calendar-table-month td {
		background-color: #ffffff;
		text-align: center;
		border: 0;
		height: 100px;
		vertical-align: top;
		padding: 2px;
		}

	.calendar-table-month .table-othermonth {
		background-color: #e9eef5;
		}
	
	.table-day {
		text-align: right;
		font-weight: bold;
		margin-bottom: 5px;
		}*/


/* ----- Week View -------------------------- */

/*.calendar-table-week {
	background-color: #bbc1c9;
	}

	.calendar-table-week th {
		background-color: #ffffff;
		text-align: center;
		border: 0;
		width: 13%;
		}

	.calendar-table-week td {
		background-color: #ffffff;
		text-align: center;
		border: 0;
		vertical-align: top;
		padding: 0px;
		height: 24px;
		font-size: 11px;
		position: relative;
		}

	.calendar-table-week th.table-header-col, .calendar-table-week td.table-header-col {
		font-weight: bold;
		font-size: 11px;
		width: 9%;
		}*/


.calendar-previous-month {
	padding: 0 10px;
	padding-left: 18px;
	background: url('Images/i_arrow_left.gif') no-repeat 0 -2px;
	}

.calendar-next-month {
	padding: 0 10px;
	padding-right: 17px;
	background: url('Images/i_arrow_right.gif') no-repeat right -2px;
	}

.calendar-title {
	position: relative;
	height: 25px;
	}

.calendar-tabs {
	position: absolute;
	right: 10px;
	bottom: 0;
	}

	/* ----- IE6 fix ----- */
	* html .calendar-tabs {
		bottom: -1px;
		}


.calendar-tabs ul {
	float: left;
	}

.calendar-tabs li {
	margin-left: 3px;
	float: left;
	}

.calendar-tabs li a {
	display: block;
	float: left;
	background-color: #636a73;
	color: #ffffff;
	padding: 3px 10px;
	}

.calendar-tabs li a:hover, .calendar-tabs li a.calendar-tabs-selected {
	background-color: #e9eef5;
	text-decoration: none;
	color: #4b4b4b;
	}

.table-event {
	background-color: #f7f2b8;
	margin: 2px 0;
	text-align: left;
	padding: 3px 5px;
	font-size: 11px;
	font-weight: normal;
	}

/*
.table-event-week {
	position: absolute;
	left: 0;
	top: 0;
	background-color: #f7f2b8;
	margin: 0;
	text-align: left;
	padding: 0;
	font-size: 11px;
	font-weight: normal;
	height: 24px;
	width: 100%;
	}
*/

.event-red {
	background: #fec0c0 url('pic/i_bell.gif') no-repeat right 3px;
	}

.table-event-more {
	font-size: 11px;
	text-align: right;
	padding-right: 18px;
	background: url('pic/i_arrow_right2.gif') no-repeat right 1px;
	}

.event-info-popup {
	position: absolute;
	left: 350px;
	top: 155px;
	width: 100px;
	}

.event-info-popup-box {
	z-index: 9;
	background-color: #ffffff;
	border: 1px solid #636a73;
	padding: 7px;
	font-size: 11px;
	text-align: center;
	}

.event-info-popup-down {
	margin-top: -1px;
	height: 6px;
	background: url('pic/i_arrow_down.gif') no-repeat center 0;
	z-index: 10;
	}

.searchBrn
{
	width:80px;
}
#ChangePassword1 td
 {
 	border:0;
 }
 
 #ChangePassword1 td
 {
 	border:0;
 }
 
 #PasswordRecovery1 td
 {
 	border:0;
 }
.createBtn
 {
 	width: auto;
	padding: 3px 8px;
	margin-right: 3px;
	position: absolute;
	bottom: 30px;
	right: 30px;
 }
 
 .ChangePackageHeaderTxtAlign
 {
 	text-align:right;
 }
 
 .contentSubTable {
	padding: 15px;
	padding-top: 30px;
	}
.contentSubTable th
{
	padding-left:0px;
 	padding-right:0px;
}
.contentSubTable td
{
	padding-left:0px;
 	padding-right:0px;
}

.printTitle {
	padding: 5px;
	height: 20px;
	margin-bottom: 5px;
	}

.printDate
{
	font-weight:bold;
}

.printHour
{
	font-weight:bold;
	border-bottom:0px;
}

.printHourOtherTD
{
	 border-bottom:0px;
}

.DarkColor
{
	background-image: url('Images/stripe.png');
}

.alignCenter
{
	text-align:center;
}

.progressBar td
{
    padding:0px;
}

/*scheduler css*/
/*.RadScheduler_Mac .rsApt,
.RadScheduler_Mac .rsAptWrap,
.RadScheduler_Mac .rsAptInner,
.RadScheduler_Mac .rsAptContent,
.RadScheduler_Mac .rsAptBottom
{
	background: transparent !important;
	border: 0 !important;
}

.RadScheduler_Mac .rsHeader ul
{
	display: none;
}

.RadScheduler_Mac .rsDayView
{
	width: 90%;
}*/

/*.rsApt,
.rsAptInner,
.rsAptContent
{
	position: absolute;
	height: 100%;
	width: 100%;
}*/
.combobox-panel
{	
	float:right;
	height:25px;
	padding:2px 0 0 5px;
	text-align:left;
	width:255px;    
    height:45px;
    background-color:#ddfcce;
    
}

.combobox-panel .RadComboBox
{
    margin-top: 2px;
}


.mazdaView tr td  {border:0; height:18px; padding: 3px 5px 3px 5px;}
.mazdaView input, select, textarea {padding:3px;}
.mazdaText{float:right;}
.mazdaLine{height:1px;margin:0 3px 0 3px; width:380px;background-color:rgb(233, 238, 245);}
.titlebar_Default td {
	font:11px/30px arial,sans-serif;
	text-align:center;
}