*{
	font-family:Helvetica,Arial,sans-serif;
}

.clear{
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 100%;
}

a, a:visited{
    text-decoration: none;
    color: #0064FF;
}

a:hover{
    color: #FF6400;
}

.link:hover{
	cursor: pointer;
}

img{
	border: 0px;
}

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

h1{
	font-size: 20px;
}

h2{
	font-size: 15px;
}

.hidden{
	display: none;
}

.fieldset_div{
	display: block;
	float: left;
}

.field{
	box-sizing:content-box;
	-ms-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	display: block;
	float: left;
	padding: 3px 0px 3px 30px;
	width: 90%;
	border: none;
	background-color: white;
}

.field:focus{
	outline: none;
	border-color: #6666FF;
	box-shadow: 0 0 10px #6666FF;
}

.ro_field{
	box-sizing:content-box;
	-ms-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	display: block;
	float: left;
	padding: 3px 0px 3px 30px;
	width: 90%;
	border: none;
}

.iconholder{
	display: block;
	float: left;
	z-index: 20;
	position: absolute;
}

.iconholder img{
	display: block;
	float: left;
	max-width: 100%;
	max-height: 100%;
}

.placeholder{
	color: #757575;
	cursor: text;
	float: left;
	padding-left: 32px;
	overflow: hidden;
	text-overflow: ellipsis;
	position: absolute;
	text-align: left;
	white-space: nowrap;
	word-wrap: normal;
	z-index: 20;
	margin: -20px -30px;
}

.selectPlaceholder{
	overflow: visible;
	text-overflow: clip;
}

.dialogbox{
	display: none;
}
.ui-dialog,.ui-dialog-content, .ui-dialog-buttonpane {background:#ddddff !important}

.ui-widget-overlay{
	cursor: wait;
}

.ui-autocomplete-loading {
	background: white url("img/loader2.gif") right center no-repeat;
}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    max-width: 250px;
}

#fullMask{
	display: none;
	float: left;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 999;
	background-color: #c8c8ff;
	opacity: 0.5;
}

#contentMask{
	display: none;
	float: left;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 50;
	background-color: #c8c8ff;
	opacity: 0.5;
}

#pageCompanyName{
	margin: 0px;
	padding: 0px;
}

#bottomSpacing{
	display: block;
	float: left;
	width: 100%;
	height: 300px;
}

.pageCompanyData{
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.pageCompanyData .pageDetailIcon{
	 display: block;
	 float: left;
	 width: 30px;
	 height: 30px;
	 margin-right: 5px;
}

.pageCompanyData label{
	display: block;
	height:20px;
	margin-left: 5px;
}

.chooseColumnsLabel{
	display: block;
	float: left;
	width: 100%;
}
.orderHeader:hover{
	cursor: url('/img/mouse-organizer.png') 7 7,auto;
}
.orderField{
	display: block;
	float: left;
	height: 11px;
	overflow: hidden;
	border-left: 1px solid #0093DE;
	padding: 3px;
}
.ordersListRow,.ordersContentListRow, .ordersContentListRow:visited{
	display: block;
	border: 1px solid #FFFFFF;
	width: 2000px; overflow-x: auto;
}
.ordersContentListRow:hover, .ordersContentListRow:hover *{
    background-color: #00ff00;
	color: #333;
	cursor: pointer;
}
.ordersColorDefinitions{
	display: block;
	float: left;
	font-size: 12px;
	padding: 2px;
	margin-top: 3px;
}

.orderNumber,.orderCustomerNumber,.orderPriority{
	width: 50px;
	text-align: center;
}
.orderCustomerPostal,.orderCustomerState,.orderCustomerCountry,.orderRating,.orderChat{
	width: 100px;
	text-align: center;
}
.orderCustomerDocument,.orderCustomerStreet,.orderType,.orderBrand,.orderModel,.orderSerial,.orderRegisteredBy,.orderAttendedBy,.orderFinancialStatus{
	width: 100px;
	text-align: left;
}
.orderExpectedDate,.orderDateCreation,.orderFinalDate,.orderLastChange,.orderProductDate,.orderPrinted,.orderInternalIdApprover,.orderInternalIdDesigned{
	width: 100px;
	text-align: center;
}
.orderServiceType,.orderCustomerNeighborhood,.orderCustomerCity,.orderCustomerPhones,.orderStatus{
	width: 150px;
	text-align: center;
}
.orderCompanyApprover,.orderCompanyDesigned,.orderCustomerEmail,.orderCustomerName,.orderCustomerDetails,.orderCustomerReference,.orderRequest,.orderDiagnosis,.orderProductObservation,.orderObservation,.orderDenouement{
	width: 200px;
	text-align: left;
}
#ordersContentHeader .orderField{
	text-align: center;
}
.orderCanceled,.orderCanceled:visited{
	background-color: #c999ff;
	color: #333;
}
.orderFinished,.orderFinished:visited{
	background-color: #ccffcc;
	color: #333;
}
.orderFuture,.orderFuture:visited{
	background-color: #EEEEEE;
	color: #333;
}
.orderToday,.orderToday:visited{
	background-color: #c8c8FF;
	color: #333;
}
.orderPast,.orderPast:visited{
	background-color: #FFFF00;
	color: #333;
}
.orderPastCritical,.orderPastCritical:visited{
	background-color: #FF9600;
	color: #333;
}
.orderPastExpired, .orderPastExpired  *,.orderPastExpired:visited,.orderPastExpired  *:visited{
	background-color: #FF0000;
	color: #FFF;
}
.orderButton{
	display: block;
	float: left;
}
#spreadsheetExportWait, #spreadsheetExportUrl{
	display: none;
}
#spreadsheetExportWait:hover{
	cursor: wait;
}
#osProgress{
	display: block;
	float: left;
	width: 100%;
	height: 50px;
	position: absolute;
	margin-top: 30px;
	z-index: 31;
}
#osProgressBar_b{
	display: block;
	float: left;
	height: 50px;
	margin-left: 10%;
	background-image: url('/img/progressBar_b.png');
	background-repeat: repeat-x;
	z-index: 32;
}
#osProgressBar_a{
	display: block;
	float: left;
	height: 50px;
	background-image: url('/img/progressBar_a.png');
	background-repeat: repeat-x;
	z-index: 32;
}
#osProgressIcons{
	display: block;
	float: left;
	width: 100%;
	height: 50px;
	position: absolute;
	z-index: 33;
}
.osProgressIcon{
	display: block;
	float: left;
	width: 16%;
	height: 50px;
	text-align: center;
}
.osProgressIcon img{
	max-height: 100%;
}
.osProgressAction:hover{
	cursor: pointer;
}
#osOptionsButton{
	background-image: url('/img/menu_options.png');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
.inputLoader{
	display: none;
	position: absolute;
	width: 97%;
	text-align: right;
}
.inputLoader img{
	width: 25px;
}

.osHeaderItem{
	display: block;
	float: left;
	width: 20%;
	text-align: center;
}
.osButton:hover{
	cursor: pointer;
}
#osMask{
	display: none;
	float: left;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 40;
}
#osMask:hover{
	cursor: wait;
}
#osItemTable{
	background-color: #EDEDFF;
}
.osItemTableRowRed{
	background-color: #F5A9A9;
}
.osItemTableRowOrange{
	background-color: #F5D0A9;
}
.osItemTableRowYellow{
	background-color: #F2F5A9;
}
.osItemTableRowBlue{
	background-color: #A9E2F3;
}
.osItemTableRowGray{
	background-color: #E6E6E6;
}
.osItemTableRowGreen{
	background-color: #A9F5A9;
}
.osItemTableRow:hover{
	background-color: white;
	cursor: pointer;
}
.osItemTableCell{
	border: 1px solid white;
}
#osItemTableQtd{
	text-align: center;
}
#osItemTableCode, #osItemTableDescription, #osItemTablePrice, #osItemTableDiscount, #osItemTableSubTotal{
	
}
#osItemTableEditor{
	display: none;
}
.osItemInactive{
	text-decoration: line-through;
}

#osHistoryTable{
	background-color: white;
}
.osHistoryTableRow:hover{
	background-color: #EDEDFF;
}
.osHistoryTableCell{
	border: 1px solid white;
	border-bottom: 1px solid #CECECE;
}
#osHistoryTableQtd{
	text-align: center;
}
#osHistoryTableCode, #osHistoryTableDescription, #osHistoryTablePrice, #osHistoryTableDiscount, #osHistoryTableSubTotal{
	
}

#osOptionsMenu{
	display: none;
	float: left;
	width: 300px;
	position: absolute;
	z-index: 32;
	margin-left: 5px;
	border: 2px solid #F79423;
	box-shadow: 0 0 10px #FF6400;
	background-color: white;
}
.osOptionsMenu{
	display: block;
	float: left;
	width: 90%;
	padding: 7px 5% 7px 5%;
	font-size: 12px;
	border-bottom: 1px solid #c8c8ff;
	background-color: white;
}
.osOptionsMenuAction{
	color: black;
}
.osOptionsMenuAction:hover,.osOptionsMenuAction:hover *{
	background-color: #FF6400;
	color: white;
	cursor: pointer;
}
.osOptionsMenuDisabled{
	color: #C0C0C0;
}
.osOptionsMenuDisabled:hover{
	cursor: no-drop;
}
.osListHeader{
	display: block;
	float: left;
	width: 100%;
	font-weight: bold;
	border-bottom: 1px solid black;
}
.osListRow{
	display: block;
	float: left;
	width: 100%;
	padding: 3px;
	border-bottom: 1px solid #FEFEFE;
}
.osListHeader span, .osListRow span{
	display: block;
	float: left;
	max-height: 30px;
	overflow: hidden;
	text-align: center;
}
.osListNumber{
	width: 20%;
}
.osListStatus, .osListType{
	width: 40%;
}
.osListRequest{
	width: 100%;
}
#action-customerSearch:hover{
	cursor: pointer;
}
.customerList{
	display: block;
	float: left;
	width: 100%;
	border-top: 1px solid white;
	margin-top: 4px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.customerList:hover{
	background-color: white;
	cursor: pointer;
}
.customerList img{
	display: block;
	float: left;
	width: 11px;
	height: 11px;
	margin-left: 2px;
}
.osMessageTalk{
	display: block;
	float: left;
	width: 90%;
	text-align: left;
}
.osMessageUser{
	font-size: 9px;
	text-align: left;
}
.osMessageText{
	font-size: 11px;
	margin-left: 5px;
	text-align: left;
}
#companyEmailPending{
	text-align: center;
	background-color: #FF6400;
	color: white;
	padding: 5px;
}
#leftSideLogo{
	display: block;
	margin-left: 15%;
	width: 80%;
	max-height: 100px;
	text-align: center;
}
#leftSideLogo img{
	display: block;
	float: left;
	max-width: 100%;
	max-height: 100%;
}
.editCompanyLogo:hover{
	cursor: pointer;
}

#newLogoPreview{
	width: 170px;
	height: 100px;
	text-align: center;
	border: 1px solid #FF6400;
}
#newLogoPreview img{
	max-width: 100%;
	max-height: 100%;
}
#newLogoInputParent{
	
}
#newLogoInput{
	
}
#newLogoInputAgain{
	display: none;
}
#newLogoProgress{
	display: none;
}
#newLogoProgressBarParent{
	width: 100%;
	height: 20px;
	background-color: white;
}
#newLogoProgressBar{
	width: 0%;
	height: 100%;
	background-color: #00CC00;
}
#newLogoProgressValue{
	width: 100%;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}
#newLogoSave{
	display: none;
}

.myCompanyLogo img{
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}
.settingsItensBar{
	display: block;
	float: left;
	width: 90%;
	padding: 10px 5% 10px 5%;
	height: 20px;
	background-color: #CCCCFF;
	color: #0064FF;
}
.settingsItensBar:hover{
	cursor: pointer;
	background-color: #AAAAFF;
	color: #FFFFFF;
}
.settingsItensContent{
	display: none;
}
.fieldSettingsRow, .parametersSettingsRow{
	display: block;
	float: left;
}
.fieldSettingsRow:hover, .parametersSettingsRow:hover{
	background-color: #EEEEFF;
	border: 2px solid #CCCCFF;
	cursor: pointer;
}
.fieldSettingsRow img, .parametersSettingsRow img{
	display: block;
	float: left;
	width: 20px;
}
.fieldSettingsRow span, .parametersSettingsRow span{
	display: block;
	float: left;
	padding: 2px;
	font-size: 14px;
	margin-left: 5px;
}
.fieldSettingsInput{
	margin-bottom: 3px;
}
.fieldSettingsText{
	color: #5555FF;
	font-size: 11px;
}
#companyPageUrl{
	display: block;
	font-size: 14px;
	font-weight: bold;
}
.logoThumbnailTitle{
	font-size: 11px;
	color: #FF6400;
}
.ratingIcon:hover{
	cursor: pointer;
}
#orderRatingTitle:hover{
	cursor: pointer;
}
.printFormsStatus, .printFormsEdit{
	text-align: center;
}
.printFormsRow *{
	border-bottom: 1px solid #AAAAFF;
}
.settingsUsers{
	clear: both;
	float: left;
	padding: 10px;
	border: 2px solid white;
	margin: 5px;
}
.settingsUsers:hover{
	border: 2px solid #CCCCFF;
	cursor: pointer;
}
.settingsUsersActive{
	display: block;
	background-color: #EEEEFF;
}
.settingsUsersDisabled{
	display: none;
	background-color: #FFFFAA;
}
#settingsUserPasswords{
	display: none;
}
.settingsUsersField{
	width: 100%;
	margin-top: 10px;
}
#settingsHistoryTable tbody tr:hover, #settingsHistoryTable tbody tr:hover *{
	background-color: #EFEFFF;
}
#helpMenu{
	display: block;
	float: left;
	width: 96%;
	margin-left: 2%;
}
.helpItem{
	display: block;
	float: left;
	width: 94%;
	margin-top: 5px;
}
.helpItem h2{
	display: block;
	float: left;
	width: 100%;
	padding: 10px 3% 10px 3%;
	margin: 0px;
	background-color: #CCCCFF;
	color: #0064FF;
}
.helpItem h2:hover{
	cursor: pointer;
	background-color: #AAAAFF;
	color: #FFFFFF;
}
.helpText{
	display: none;
	float: left;
	width: 100%;
	text-align: justify;
	padding: 0px 0px 0px 10px;
}
.helpIcon:hover{
	cursor: pointer;
}

#gotoSignup{
	display: none;
	position: fixed;
	width: 50px;
	height: 50px;
	font-size: 20px;
    bottom: 100px;
    right: 60px;
    z-index: 90;
}
#gotoSignup:hover{
	cursor: pointer;
}