/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	margin: 0;
	padding: 0;
	background: white url("../images/8_BG.png") repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #577DAD;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	/* font-family: Georgia, "Times New Roman", Times, serif; */
	font-family: "Lucida Grande", Lucida, Geneva, Arial, sans-serif;
	font-weight: normal;
	color: #577DAD;
}

/* h1 { */
/* 	font-size: 2em; */
/* } */
h1{
font-size: 2em;
margin-bottom: .793125em;
letter-spacing: 0.033em;
text-transform: uppercase;
}

h2{
/* font-size: 1.25em; */
font-size: 1em;
margin-bottom: .66em;
line-height: 1.30em;
letter-spacing: 0.033em;
text-transform: uppercase;
}


/* h2 { */
/* 	font-size: 1.6em; */
/* 	float:left; */
/* } */

h3 {
	font-size: 1.6em;
}

p, ul, ol {
	margin-top: 0;
	line-height: 180%;
}

ul, ol {
}

a{
	color: #577DAD;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	*border-left: 3px solid white;
	*border-right: 3px solid white;
	text-decoration: none;
		font-weight: bold;
}

a:hover{
	color: #dddddd;
/* 	border-left: 3px solid #912673; */
/* 	border-right: 3px solid #912673; */
	/* background-color: #912673; */
}


a.category_item{
	color: #21BECD;
}

a.category_item:hover {
	color: #dddddd;
}

a.category_item_help{
  /*color: #99FF99;*/
  color: #A4D496;
}

a.category_item_help:hover {
  color: #dddddd;
}


#wrapper {
	margin: 0 35px;
	padding: 0;
}

/* Header */

#header {
	height: 75px;
/*	margin: 0 35px; */
	background: transparent url("../images/1_Logo.png") no-repeat scroll right 5px;

}

/* Logo */

#logo {
	float: left;
	height: 65px;
	margin: 0;
	padding-top: 20px;
	color: #FFFFFF;
}

#logo h1, #logo p {
	margin: 0;
	padding: 0;
}

#logo h1 {
	float: left;
	letter-spacing: -1px;
	text-transform: lowercase;
	font-size: 2.6em;
}

#loginUsername, #loginPassword {
	width: 175px;
}

#logo p {
	float: left;
	margin: 0;
	padding: 12px 0 0 10px;
	font: normal 14px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

#logo a {
	border: none;
	background: none;
	text-decoration: none;
	color: #FFFFFF;
}

/* Search */

#search {
	float: right;
	width: 220px;
	padding: 0;
}

#search form {
	height: 41px;
	margin: 0;
	padding: 30px 0 0 0px;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search-text {
	width: 210px;
	padding: 5px 5px;
	border: none;
	background: #F2D14C;
	text-transform: lowercase;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #5D781D;
}

#search-submit {
	display: none;
}

/* Menu */

#menu {
	width: auto;
	height: 48px;
	margin: 0 auto -16px;
	/* padding: 14px 0px 0px 5px; */
	padding: 7px;
	background: #3a3a3a;
	/* background: url(../images/img01.jpg) repeat-x left top; */
}

#menu h2 {
	color
	:#ffffff;
}

#menu ul {
	margin: 0;
	padding: 0px 0px 0px 25px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
	height: 50px;
}

/*#menu a {
	display: block;
	margin-top: 10px;
	margin-right: 3px;
	padding: 7px 30px 7px 30px;
	background: url(../images/img03.jpg) no-repeat right 7px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #325C12;
	border: none;
}*/

#menu a:hover, #menu .current_page_item a {
}

#menu .current_page_item a {
	padding-left: 0;
}

#menu a:hover {
	text-decoration: underline;
}

/* Page */

#page {
/*	margin: 0 35px;  */
	padding: 0;
}

#page-bgtop {
	padding: 20px 25px;
}

#page-bgbtm {
background: #fdfdfd;
padding: 12px;
}

/* Content */

#content {
	float: left;
	width: 100%;
	padding: 0;
}

.post {
	margin-bottom: 25px;
	border-bottom: 1px dashed #BCDD4D;
}

.post-bgtop {
}

.post-bgbtm {
}

.post .title {
	height: 32px;
	padding: 8px 0 0 0px;
	letter-spacing: -.5px;
	color: #8AB52B;
}

.post .title a {
	color: #5B7817;
	border: none;
}

.post .meta {
	padding-bottom: 5px;
	padding-left: 15px;
	text-align: left;
	/* background: url(../images/img05.jpg) no-repeat left 5px; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
}

.post .meta a {
	color: #8AB52B;
}

.post .entry {
	padding-bottom: 20px;
	text-align: justify;
}

/* Sidebar */

#sidebar {
	float: right;
	width: 230px;
	padding: 0;
	color: #787878;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	margin: 0;
	padding: 0;
}

#sidebar li ul {
	padding-bottom: 30px;
}

#sidebar li li {
	line-height: 35px;
	border-bottom: 1px dashed #C5DB76;
/* 	background: url(../images/img06.jpg) no-repeat left 15px; */
	padding-left: 10px;
}

#sidebar li li span {
	display: block;
	margin-top: -20px;
	padding: 0;
	font-size: 11px;
	font-style: italic;
}

#sidebar h2 {
	height: 32px;
	padding: 8px 0 0 0px;
	letter-spacing: -.5px;
	color: #5B7817;
}

#sidebar p {
	margin: 0 0px;
	padding-bottom: 20px;
	text-align: justify;
}

#sidebar a {
	color: #704A21;
	border: none;
}

#sidebar a:hover {
	text-decoration: underline;
	color: #787878;
}

/* Calendar */

#calendar {
}

#calendar_wrap {
	padding: 20px;
}

#calendar table {
	width: 100%;
}

#calendar tbody td {
	text-align: center;
}

#calendar #next {
	text-align: right;
}

/* Footer */

#footer {
	background: #474036;
	/* background: white; */
	height: 14px;
	margin: 0 35px;
	padding: 0px 0 15px 0;
	font-family: Arial, Helvetica, sans-serif;
}

#footer p {
    color: white;
    font-size: 9px;
    line-height: normal;
    margin: 0;
    padding-top: 10px;
    text-align: center;
    text-transform: uppercase;
}

#footer a {
	color: #5B7817;
}

label {
	/* font-weight: bold; */
}

.notifLabel {
	color: #000000;
	cursor: pointer;
}

.serviceSelect {
	color: #000000;
	cursor: pointer;
	font-size: 15px;
}

.note {
	font-size: 12px;

}

.wrongLogin {
	color: #ff0000;
}

#changeNumberForm {
	width: auto;
	margin: 0px 0px 15px 0px;
}

.operatorDayTimes {
	font-size: 11px;
	font-weight: bold;
	/* border: solid #787878; */
	border: solid #912673;
	border-width: 1px 1px 1px 1px;
	margin: 0px 0px 0px 0px;
	padding: 1px 1px 1px 1px;
	text-align: center;
}

#line {
	/* background-image:url('../images/img07.jpg'); */
	background: white url("scheduler-background.png") repeat-x 10px top;
	background-repeat: repeat-x;
	background-position: left top;
}

.scheduleDayTable {
	table-layout: auto;
	border-collapse: separate;
}

.scheduleDayTable tr {
	padding: 0px;
	margin: -1px;
	border: 0px solid #ffffff;
}

.freeHour, .partlyHour, .fullHour, .shiftSelection {
	font-size: 10px;
	font-weight: bold;
	border: solid #787878;
	border-width: 1px 1px 1px 1px;
	margin: 0px 0px 0px 0px;
	padding: 1px 1px 1px 1px;
	text-align: center;
}



.freeHour {
	/* GREEN */
	background-color: #5ea433;
}

.partlyHour {
	/* YELLO */
	background-color: #f5db00;
}

.fullHour {
	/* RED */
	background-color: #cc2229;
}

.weekFieldset {
	border-color: #cccccc;
	boder-width: 1px;
	background: #white;
	margin: 0;
	padding: 40;
}

.weekFieldset legend {
	font-weight: bold;
}

.fieldsetDay {
	border-color: #cccccc;
	border-width: 1px;
	margin: 5px 0px 20px 0px;
}

.saveButton {
	float: right;
	margin: 5px 0px 0px 0px;
}

#wtf, #wtt {
	width: 30px;
	font-size: 15px;
	text-align: right;
}

#deadline {
	width: 40px;
	font-size: 15px;
	text-align: right;
}

#serviceLimit {
	width: 40px;
	font-size: 15px;
	text-align: right;
}

.adminHourFull, .adminHourOneFree, .adminHourFree, .adminOperatorNameTd, .adminOperatorNumberTd,
.adminTdCheckbox, .operatorHourTd {
	font-size: 11px;
	/* font-weight: bold; */
	border: solid #cccccc;
	border-width: 0 1px 1px 0;
	margin: 0px 0px 0px 0px;
	padding: 8px 3px 0px 2px;
	text-align: center;
}

.adminHourFull {
	/* RED */
	border-color: #cc2229;
	border-width: 0 0 6px 0;
	border-right-width: 1px;
	border-right-color: #cccccc;
	color: #333333;
}

.adminHourOneFree {
	/* YELLO */
	border-color: #f5db00;
	border-width: 0 0 6px 0;
	border-right-width: 1px;
	border-right-color: #cccccc;
	color: #333333;
}

.adminHourFree {
	/* GREEN */
	border-color: #5ea433;
	border-width: 0 0 6px 0;
	border-right-width: 1px;
	border-right-color: #cccccc;
	color: #333333;
}

.systemSettingsDiv {
	float: left;
	width: auto;
}

.changeServiceDiv {
	clear: both;
	padding: 10px 0px 0px 0px;
}

.selectedOperatorNameClass {
	font-size: 13px;
	font-weight: bold;
}

#calendarDivMiddle {
	width: 235px;
	margin: 0px auto;
	border: solid 1px #cccccc;
}

#systemSettingsTogether {
	float: left;
}

#calendar_fromForm, #calendar_toForm {
	width: 30px;
	height: 30px;
}

#fromToTable {

}

#fromToForm {

}

#agentsHoursTable {
	border-collapse: collapse;
	width: 300px;
	font-size: 14px;
}

#agentsHoursTable td {
	border: 2px solid #ffffff;
}

.agentsHoursHeaderColumn {
	font-weight: bold;
/* 	background: transparent url("../images/img01.jpg") repeat-x scroll left top; */
	color: #ffffff;
}

.agentsHoursRightTd {
	text-align: right;
}

.lightTr {
	background-color: #CFFFFE;
}

.darkTr {
	background-color: #BFD0FF;
}

#textRight {
	text-align: right;
}

#limitsTable {
	border-collapse: separate;
	table-layout: auto;
	margin: 0px auto;
}

#limitsTable td {
	border: 0px solid #000000;
	width: 38px;
	font-size: 15px;
	margin: 0px;
}

#limitsTable tr:hover input {
	background-color: #BFD0FF;
}


#limitsForm {

}

.weekLimitsInput {
	height: 20px;
	width: 40px;
	border: 1px solid #000000;
	font-size: 15px;
	margin: 0px;
	text-align: left;
}

.limitsHours {
	background-color: #CFFFFE;
	text-align: center;
	border: 1px solid #000000 !important;
}

.limitsDays {
	background-color: #BFD0FF;
	border: 1px solid #000000 !important;
	color: #000000;
	width: 90px !important;
}

.invisibleTd {
	border-width: 0px !important;
}

.someMiddleDiv {
	margin: 0px auto;
	text-align: center;
}

.weekLimitsTd {
	padding: 0px;
}

#storeLimitsSubmit {
	margin: 0px auto;
	width: 120px;
	text-align: center;
}

#quickServiceSelect {
	display: inline;
}

.shiftSelection {
	background-color
	:#316AC5;
}

.hoursHeading {
	font-weight
	:bold;
	font-size
	:14px;
	color
	:#ff0000;
}

/*bobco code start*/

.serviceObjectDiv {
	width
	:100%;
	position
	:relative;
	margin
	:0px 0px 4px 0px;
}

.serviceSpecialDiv {
	width
	:74px;
	float
	:left;
	height
	:20px;
}

.serviceBasicRepeatsInput {
	width
	:40px;
	height
	:20px;
	border
	:1px solid #577dad;
	text-align
	:center;
	color
	:#577dad;
	font-weight
	:bold;
}

.serviceMainInfoDiv {
	width
	:286px;
	height
	:auto;
	float
	:left;
}

.serviceNameDiv {
	width
	:auto;

}

.serviceKeyExchangeCheckbox {

}

.serviceNameCaptionSpan {
	font-size
	:12px;
	color
	:#577dad;

}

.boldCaption {
	font-weight
	:bold;
	font-size
	:14px !important;
}

.serviceAmountDiv {
	width
	:auto;
}

.serviceAmountInput, .serviceRepeatsInput {
	width
	:40px;
	height
	:20px;
	border
	:1px solid #577dad;
	text-align
	:center;
	color
	:#577dad;
}

.serviceAmountCaptionSpan, .serviceRepeatsCaptionSpan {
	color
	:#577dad;
	margin
	:0px 0px 0px 5px;
	font-size
	:12px;
}

.serviceDescriptionDiv {
	width
	:auto;

}

.serviceDescriptionDiv textarea {
	width
	:300px;
	height
	:100px;
	min-width
	:300px;
	min-height
	:100px;
}

.serviceDescriptionSpan {
	color
	:#577dad;
	font-size
	:12px;
	line-height
	:14px;

}

.serviceSubDescriptionDiv {
	width
	:auto;

}

.serviceSubDescriptionSpan {
	color
	:#577dad;
	font-size
	:12px;
	line-height
	:18px;

}

.serviceUnitPriceDiv {
	width
	:170px;
	height
	:auto;
	float
	:left;

}

.serviceUnitCaptionSpan, .serviceCurrencyCaptionSpan, .servicePriceCaptionSpan {
	font-size
	:14px;
	color
	:#577dad;
	margin
	:0px 3px 0px 0px;

}

.serviceCalculatedPriceDiv {
	width
	:70px;
	height
	:auto;
	float
	:left;
	white-space
	:nowrap;
	text-align: right;
}

.serviceCalculatedPriceDiv input {
	display
	:none;

}

.floatTerminator {
	clear
	:both;
}

.serviceDiscountDiv {
	width
	:82px;
	height
	:auto;
	float
	:right;
	color
	:#00C233;
	font-weight
	:bold;
	white-space
	:nowrap;
  text-align:right;
}

.serviceDiscountDiv input {
	display
	:none;
}

.basicServiceDescription {
	line-height
	:21px !important;
}

.serviceCalculationSpan {
	font-size
	:14px;
	font-weight
	:bold;
	color
	:#577dad;
}

.serviceEqualsChar {
	font-size
	:14px;
	color
	:577dad;
	float:left;
}


.serviceHideDetail {
	display
	:block;
}

.serviceHideCheckbox, .serviceShowCheckbox {
	position
	:absolute;
	left
	:60px;
	top
	:4px;
	-moz-opacity
	:0;
	opacity
	:0;
	filter: alpha(opacity = 0);
	z-index
	:3;
	width
	:10px;
	height
	:10px;
	margin
	:0px;
	cursor
	:pointer;
}

.serviceHideShowDiv {
	width
	:10px;
	height
	:10px;
	z-index
	:2;
	position
	:absolute;
	top
	:4px;
	left
	:60px;

}

.serviceHideCheckbox+.serviceHideShowDiv {
	background
	:url('../images/minus2.png') no-repeat 0px 0px transparent;
}

.serviceShowCheckbox+.serviceHideShowDiv {
	background
	:url('../images/plus2.png') no-repeat 0px 0px transparent;
}



/*.serviceHideShowCheckbox:checked+div+div .serviceHideDetail,
.serviceHideShowCheckbox:checked+div+div+div .serviceHideDetail,
.serviceHideShowCheckbox:checked+div+div+div+div .serviceHideDetail,
.serviceHideShowCheckbox:checked+div+div+div+div+div .serviceHideDetail*/
/*
.serviceHideCheckbox+div+div .serviceHideDetail,
.serviceHideCheckbox+div+div+div .serviceHideDetail,
.serviceHideCheckbox+div+div+div+div .serviceHideDetail,
.serviceHideCheckbox+div+div+div+div+div .serviceHideDetail {
	display
	:block;
}*/

.serviceShowCheckbox ~ div ~ div .serviceHideDetail,
.serviceShowCheckbox ~ div ~ div ~ div .serviceHideDetail,
.serviceShowCheckbox ~ div ~ div ~ div ~ div .serviceHideDetail,
.serviceShowCheckbox ~ div ~ div ~ div ~ div ~ div .serviceHideDetail {
	display
	:none !important;
}

#serviceAmountOfAllDaysFromValue {
	width
	:40px;
	border
	:1px solid #577dad;
	background-color
	:transparent;
}

#serviceAmountOfAllDaysFrom {
	float
	:right;
	font-weight
	:bold;
}

#serviceAmountOfAllDays {
	float
	:left;
	margin
	:0px 0px 0px 15px;
	font-weight
	:bold;
}

#serviceAllDaysCounter {
	float
	:left;
	width
	:50px;
	text-align
	:center;
}

.redCounter, .redCounter input {
	color
	:#ff6666;
	/*
	color
	:#ffffff;
	*/
}

#orderedServices .greenCounter {
	color
	:#00C233;
}

/*
#serviceDaysCounter {
	width
	:100px;

}
*/

.serviceDaysCounter {
	width
	:50px;
	text-align
	:center;
}



/*admin schedule order*/
.adminScheduleOrder {
	table-layout
	:fixed;
	border-collapse
	:collapse;
}

.adminScheduleOrder td {
	font-size
	:11px;
	color
	:#577dad;
	border
	:outset 2px #577dad;
	text-align
	:center;
}

.adminScheduleOrder thead td {
	padding
	:0px 2px 0px 2px;
}

.serviceAmountDays {
	float
	:left;
	font-weight
	:bold;
}

.serviceSlash {

}

.serviceDaysCount {
	float
	:right;
	font-weight
	:bold;
}

.calendarCheckbox, .calendarCheckboxChecked {
	position
	:absolute;
	-moz-opacity
	:0;
	opacity
	:0;
	filter: alpha(opacity = 0);
	z-index
	:3;
	cursor
	:pointer;
	margin
	:0px;
	left
	:5px;
}

#orderDaysCount {
	width
	:50px;
	float
	:left;
}

#orderDaysCount span {
	float
	:right;
}

.redBorder select {
	border
	:solid 2px #ff4444;
}

#orderDaysCount input {
	display
	:none;
}

#availableServices .serviceShowCheckbox, #availableServices .serviceHideShowDiv {
	display
	:none;
}

.addServiceButton, .removeServiceButton {
	width
	:10px;
	height
	:10px;
	float
	:left;
	cursor
	:pointer;
	margin
	:5px 5px 0px 0px;
}

.addServiceButton {
	background
	:url("../images/add.png") no-repeat transparent 0px 0px;
}

.removeServiceButton {
	background
	:url("../images/remove	.png") no-repeat transparent 0px 0px;
}

.serviceUnitPriceDiv input {
	width
	:50px;
}

/*bobco code end*/
.submitclass{
    background:url(../images/submit.png) no-repeat center top;
    height:28px;
    width:152px;
}
.resetclass{
    background:url(../images/reset.png) no-repeat center top;
    height:28px;
    width:152px;
}

input[type="text"]{
    border: 1px solid #577DAD;
    color: #577DAD;
    font-weight: bold;
}
input[type="password"]{
    border: 1px solid #577DAD;
    color: #577DAD;
    font-weight: bold;
}

#totalPriceMainDiv {
	width
	:100%;
	font-weight
	:bold;
}

#totalPriceCaptionDiv {
	float
	:left;

}

#priceTotalDiv {
	float
	:right;
	text-align
	:right;
	width
	:70px;
margin-right: 98px;
}

.rightAligned {
	float
	:right;
}

.noBorder {
	border-width
	:0px !important;
}

#readonlyHolidayDays {

}

#readonlyHolidayDays table {
	margin
	:0px auto 0px auto;
}

#discountPercentageDiv {
	float
	:right;
	font-weight
	:bold;
	color
	:#00C233;
}

#discountPercentageDiv input {
	display
	:none;
}

#discountPercentageCaption {
	font-weight
	:normal !important;
}

#discountPercentageSpan, #servicePercentChar, #serviceEqualsChar {
	color
	:#00C233;
}

.servicePercentChar {
	font-weight
	:bold;
}

#orderedServices {
	border-width
	:0px;
}

#companyDiscountsMainDiv {

}

.companyDiscountDiv {

}

.companyDiscountCheckbox {

}

.companyDiscountNameSpan {
	font-weight
	:bold;
}

.companyDiscountsPercentage, .companyDiscountsDaysCount {
	font-weight
	:bold;
}
.reportTable{
}
.reportTable td{
font-size: 0.875em;
font-family: Trebuchet MS,Lucida Sans Unicode,Arial,sans-serif;
}
.btn {
  color: #577DAD;
  border: 1px solid #577DAD;
  background-color: #ffffff;
  font-weight: bold;
  padding: 1px 5px;
  cursor: pointer;
}
.btn:hover {
  color: #3c5779;
  border: 1px solid #3c5779;
  background-color: #ebedf6 ;
}

.uiErrorFieldset {
	border: 2px dotted #ff0000;
	width: 470px;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
}

.uiErrorFieldset legend {
	color: #ff0000;
	font-weight: bold;
}

.uiErrorDiv {
	color: #ff0000;
	/*font-weight: bold;*/
	font-size: 14px;
/*	width: 480px;
	padding: 10px 20px 10px 0px;*/
	text-align: justify;
}

.uiInformationFieldset {
	border: 2px dotted #00C233;
	width: 470px;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
}

.uiInformationFieldset legend {
	color: #00C233;
	font-weight: bold;
}

.uiInformationDiv {
	color: #00C233;
	font-size: 14px;
	text-align: justify;
}

.uiInformationDiv a {
	color: #00C233;
}

.idTabs a.selected {
/* background: #ddd; */
/* font-style: italic; */
color: #333;
}

@media print {
	.noPrint {
		display: none;
	}
}