*{margin: 0; padding: 0;}
body
{
	font-family: tahoma;
	font-size: 9pt;
	background-image: url(../images/floralBack.png),url(../images/backGradient.png),url(../images/backgroundPattern.png);
	background-repeat: no-repeat,repeat-x,repeat;
	background-position: center top, 0 0, 0 0;
	direction: rtl;
}

#wrapper
{
	width: 950px;
	margin: 0 auto;
}

#header
{
	height: 120px;
}
#header_right
{display:inline-block; vertical-align:top; width: 830px; height: 100%;}
#header_left
{
	display:inline-block; vertical-align:top; width: 120px; height: 100%;
	background-repeat: no-repeat;background-size: contain;background-position: center;
}
#header_right_top
{width:100%;height:90px;
background-image: url(../images/systemName.png);
background-repeat: no-repeat;
background-position: right top;}
#header_right_bottom
{padding-right:10px;width:100%;height:30px;color:antiquewhite;}

#shadowBox
{
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
	
	background-image: url(../images/mainContentBack2.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#mainContents
{
	padding: 10px;
}
#content
{
	display: inline-block;
	width: 675px;
}

#navigator {
width: 250px;
vertical-align: top;
display: inline-block;
}

.page_navigator_item {
text-decoration: none;
color: inherit;
display: block;
padding: 5px;
font-weight: bold;
background-color: rgba(80, 0, 90, 0.2);
margin: 4px 0px;
width: 60%;
cursor: pointer;
transition: all 200ms ease-in-out;
-webkit-transition: all 200ms ease-in-out;
}
.page_navigator_item:hover {
width: 65%;
background-color: rgba(80, 0, 90, 0.498039);
padding-right: 20px;
color: white;
}
.selected_page_navigator_item {
background-color: rgba(120,0,150,0.4);
width: 65%;
}

.normalText
{
	margin-bottom: 10px;
	line-height: 161%;
	text-align: justify;
}

#footer_separator {
	background-image: url(../images/footerSeparatorLine.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 35px;
}
#footer
{
	height: 110px;
	background-image: url(../images/footer_bg.png);
	padding: 10px;
	padding-top: 15px;
}

#footerRight
{
	display: inline-block;
	width: 100px;
}
#footerMiddle
{
	display: inline-block;
	width: 720px;
}
#Logoes_copyrightHolders
{
	width: 100%;
	height: 30px;
	background-image: url(../images/Logoes_copyrightHolders.png);
	background-position: top center;
	background-repeat: no-repeat;
}
#copyright_notice
{
	text-align: center;
	color: #b3b3b3;
	margin-top: 10px;
	line-height: 161%;
}
.footer_vertical_separatorLine {
color: darkgray;
padding: 0px 15px;
}
#quickLinks {
	text-align: center;
	padding: 5px 0px;
}
#quickLinks a {
color: #b3b3b3;
}
#footerLeft
{
	display: inline-block;
	width: 100px;
}


/*--------------------------*/
/* Page internals           */
/*--------------------------*/

h2
{
	color: #800090;
	margin-bottom: 15px;
	margin-top: 20px;
}

h2.firstHeader {margin-top: 7px !important;}

.fitToContent {width: 1%;white-space: nowrap;}
table
{
	width: 100%;
	border-collapse: collapse;
	font-size: inherit;
}
tr td {
transition: all 200ms ease-in-out;
}
tr:hover td {
background-color: rgba(80,0,90,0.1);
}

.tbl_entry1 { text-align: left;vertical-align: top; }
.tbl_value1 { font-weight: bold; text-align: right;}

.msg {
margin-bottom:2px;
transition: all 150ms ease-in-out;
}

.msg:hover
{
 padding-right: 8px;
}
.msg_err { color: #f00; }
.msg_ok { color: darkgreen; }

input, textarea, button, select {
background-color: rgba(255, 255, 255, 0.65);
border: solid 1px rgba(80,0,90,0.5);
height: 25px;
font-family: "Tahoma";
color: #800090;
text-align: center;
vertical-align: middle;
font-size: 9pt;
margin: 4px 0px;
box-sizing: border-box;
}
input[disabled] {
background-color: rgba(127,127,127,0.25);
}

.fieldError { border: 1px solid rgba(255,0,0,0.5) !important;}

.space {width: 2%; display: inline-block;}
div.inlineHSpace{width:5px;display:inline-block;height: 100%;vertical-align: middle;}

div#login_logo
{
	height: 65px;
	background-image: url(../images/login_logo.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.login_error {
color: red;
text-align: center;
margin: 10px 0px;
}
.login_captca_row {
height: 25px;
width: 100%;
margin: 7px 0;
}
div#captcha_code_refreshBTN {
background-image: url(../images/refresh.png);
width: 25px;
height: 100%;
display: inline-block;
border: 1px solid rgba(80,0,90,0.5);
box-sizing: border-box;
margin-left: 7px;
vertical-align: top;
cursor: pointer;
transition: all 400ms ease-in-out;
}
div#captcha_code_refreshBTN:hover {
	background-color: rgba(80,0,90,0.2);
}

img#captchaimg {
display: inline-block;
border: 1px solid rgba(80,0,90,0.5);
box-sizing: border-box;
margin-left: 7px;
vertical-align: top;
}
.noneDragable
{
	user-drag: none; -moz-user-select: none; -webkit-user-drag: none;
}
input#captcha_code {
display: inline-block;
width: 109px;
vertical-align: top;
margin: 0;
direction: ltr;
}
input[type="submit"], button
{color: white;background: rgba(80,0,90,0.5); padding: 0px 7px;}

input[type="checkbox"], input[type="radio"]
{margin-left: 7px;height:16px;}

.ltr { direction: ltr; }


table tr th {
background-color: rgba(127, 127, 127, 0.3);
padding: 4px;
}
table tr td {
padding: 2px;
text-align: center;
}

.icon
{
	width: 19px;
	height: 19px;
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	cursor: pointer;
	vertical-align: middle;
}
div#printableVersion {
cursor: pointer;
display: inline-block;
vertical-align: top;
transition: all 400ms ease-in-out;
padding: 5px;
}
div#printableVersion:hover {
background-color: rgba(80,0,90,0.2);
}
span.getPrintableVersion {
padding-right: 6px;
transition: all 400ms ease-in-out;
}
div#printableVersion:hover  span.getPrintableVersion{
color: #00f;
}
.printerIcon {
display: inline-block;
background-image: url(../images/printer_20x20.png);
width: 20px;
height: 20px;
vertical-align: middle;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}


div#deleteAllDisplayedTransactionsContainer {
margin-top: 7px;
text-align: left;
}
div#deleteAllDisplayedTransactions {
display: inline-block;
padding: 5px;
transition: all 400ms ease-in-out;
cursor:pointer;
border: 1px solid rgba(137,0,0,0.3);
background-color: rgba(137,0,0,0.1);
margin-left: 10px;
}
div#deleteAllDisplayedTransactions:hover {
background-color: rgba(137,0,0,0.4);
transition: all 400ms ease-in-out;
}
div#deleteAllDisplayedTransactions:hover span {
color: darkblue;
}
div#deleteAllDisplayedTransactions span {
padding-right: 7px;
vertical-align: middle;
transition: all 400ms ease-in-out;
}

.deleteUserIcon { background-image: url(../images/delete.png); }
.prepareUserToEditIcon { background-image: url(../images/edit.png); }
.admin_logoPreview {
width: 25px;
height: 25px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
display: inline-block;
border: 1px solid lightgray;
}
.discountCardOwner_hiddenPasswordContainer {
border: 1px dashed rgba(80,0,90,0.5);
padding: 3px 0;
margin: 4px 0;
vertical-align: middle;
text-align: center;
color: gray;
}
.discountCardOwner_hiddenPasswordContainer span.hiddenPassword
{
transition: all 400ms ease-in-out;
color: rgba(127,127,127, 0);
}
.discountCardOwner_hiddenPasswordContainer:hover span.hiddenPassword
{
color: rgba(127,127,127, 1);
}
.alikeCheckBoxContainer {
width: 0;
position: relative;
left: 19px;
display: inline-block;
}
.hasAlikeCheckBox {padding-left: 25px !important;}


.removeContentsContainer {
width: 0;
display: inline-block;
vertical-align: middle;
left: 17px;
position: relative;
}
.removeContents {
width: 12px;
height: 12px;
box-sizing: border-box;
background-image: url(../images/delete.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
}
.hasRemoveContentsButton{padding-left: 19px;}

.browseForFileContainer {
width: 0;
position: relative;
left: 2px;
display: inline-block;
}
.browseForFile {
width: 17px;
height: 17px;
position: relative;
left: 19px;
display: inline-block;
cursor: pointer;
background-color: rgba(80,0,90,0.5);
color: white;
text-align: center;
vertical-align: middle;
transition: all 400ms ease-in-out;
}
.browseForFile:hover {
background-color: rgba(80,0,90,0.7);
}

/**** Info Box ****/
.infoBox_container {
height: 70px;
padding: 0;
padding-bottom: 20px;
text-align: center;
}
.infoBox {
display: inline-block;
width: 180px;
height: 100%;
border: 1px solid rgba(80,00,90,0.5);
background-color: rgba(80,00,90,0.1);
padding: 7px;
box-sizing: border-box;
transition: all 400ms ease-in-out;
}
.infoBox:hover {
background-color: rgba(80,0,90, 0.3);
}
.infoBox:hover .infoBox_value{
color: lightyellow;
}
.infoBox_title {
width: 100%;
height: 25px;
text-align: center;
}
.infoBox_value {
font-weight: bold;
text-align: center;
width: 100%;
font-size: 1.5em;
direction: ltr;
transition: all 400ms ease-in-out;
}
.infoBox_space {
display: inline-block;
width: 7px;
height: 100%;
vertical-align: top;
}



/******* Customer info Box *********/
.customer_infoBox_container {
margin: 20px 0;
padding: 15px;
background-color: rgba(80,0,90,0.1);
border: 1px solid rgba(80,0,90,0.5);
box-sizing: border-box;
transition: all 400ms ease-in-out;
}
.customer_infoBox_container:hover {
background-color: rgba(80,0,90,0.3);
}
.customer_infoBox_IssuedShopLogo {
width: 60px;
height: 60px;
display: inline-block;
vertical-align: top;
border: 1px solid rgba(80,0,90,0.5);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.customer_infoBox_BalanceContainer {
padding: 0 10px;
display: inline-block;
vertical-align: top;
text-align: center;
}
.customer_infoBox_BalanceTitle {
}
.customer_infotBox_BalanceValue {
/*direction: ltr;*/
font-size: 1.5em;
font-weight: bold;
padding-top: 10px;
transition: all 300ms ease-in-out;
}
.customer_infoBox_container:hover .customer_infotBox_BalanceValue {
color: #FFff00;
font-size: 2em;
}
.customer_infoBox_LatestTransaction {
padding-right: 20px;
width: 390px;
display: inline-block;
vertical-align: top;
}
.customer_infoBox_LatestTransactionTitle {
}
.customer_infoBox_LatestTransactionInfo {
padding-top: 10px;
line-height: 170%;
}
span.customer_infoBox_LatestTransactionInfo_value {
font-weight: bold;
transition: all 400ms ease-in-out;
}
.customer_infoBox_container:hover span.customer_infoBox_LatestTransactionInfo_value {
color: #ff0;
}


.customer_editInfo_error {
color: #f00;
text-align: justify;
margin: 7px 0;
}
.customer_editInfo_errorGuide {
font-weight: bold;
color: darkred;
text-align: justify;
line-height: 140%;
}

.customer_changePassword_error {
color: #f00;
text-align: justify;
margin: 7px 0;
}


div#AllTransactionsSummaryBox {
margin-bottom: 15px;
}
div#AllTransactionsSummaryBox #right {
width: 80%;
display: inline-block;
line-height:170%;
vertical-align: top;
}
div#AllTransactionsSummaryBox #left {
display: inline-block;
width: 20%;
height: auto;
text-align: left;
vertical-align: top;
}



/******* doTransaction *********/
div#fetchDiscountCardInformation_Container {
border: 1px solid rgba(80,0,90,0.3);
padding: 5px;
background-color: rgba(80,0,90,0.1);
margin: 7px 0;
}
div#fetchDiscountCardInformation_right {
display: inline-block;
width: 80%;
text-align: right;
vertical-align: top;
}
div#fetchDiscountCardInformation_left {
display: inline-block;
width: 20%;
text-align: left;
height: 100%;
vertical-align: top;
}
div#fetchedInformation_header {
font-weight: bold;
color: rgba(80,0,90,1);
margin-bottom: 2px;
}
div#discountCard_fetchedInformation {
padding: 5px 0;
}
button#evaluationButton {
width: 65px;
}
div#loading {
height: 18px;
background-image: url(../images/loading_24x24.gif);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}

div#aboutUs_backContainer {
text-align: center;
}
div#aboutUs_back {
text-align: center;
margin-top: 25px;
cursor: pointer;
color: rgb(80,0,90);
font-weight: bold;
display: inline-block;
border: 1px solid rgba(80,0,90,0.5);
padding: 5px;
border-radius: 20px;
transition: all 400ms ease-in-out;
}
div#aboutUs_back:hover {
background-color: rgba(80,0,90,0.2);
}
div#aboutUs_backImage {
width: 20px;
height: 20px;
display: inline-block;
background-image: url(../images/back.png);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
}




.excel_icon {
width: 35px;
height: 35px;
display: inline-block;
background-image: url(../images/excelFile.png);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
}
.database_icon {
width: 35px;
height: 35px;
display: inline-block;
background-image: url(../images/databaseIcon.png);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
}


.table_functionsContainer {
margin-top: 7px;
text-align: left;
}
.tableFunction_getFile {
display: inline-block;
}
.functionsContainer {
text-align: right;
}
.functionItem {
padding: 5px;
display: inline-block;
margin-left: 40px;
text-align: left;
transition: all 400ms ease-in-out;
}
.functionItem:hover {
background-color: rgba(80,0,90,0.1);
}
.cardStatus_active{ color: darkgreen; font-weight: bold;}
.cardStatus_inactive{color: #f00; font-weight: bold;}

.tableRow_lostDiscountCard {background-color: rgba(255,0,0,0.1);}
.search_shortcut_menu_button, .search_shortcut_menu_button_lostCard {
width: 17px;
height: 17px;
border: 1px solid lightgrey;
background-color: linen;
cursor: pointer;
background-image: url(../images/shortcutMenuIcon.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
transition: all 400ms ease-in-out;
}
.search_shortcut_menu_button:hover {
background-color: rgba(0,255,0,0.2);
}
.search_shortcut_menu_button_lostCard:hover {
background-color: rgba(255,0,0,0.2);
}
.search_shortcut_menu {
display: none;
position: relative;
left: 140px;
border: 1px solid gray;
background-color: white;
width: 140px;
opacity: 0;
background-image: url(../images/backgroundPattern.png);
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
transition: all 200ms ease-in-out;
}
.search_shortcut_menu:hover, .search_shortcut_menu_button:hover .search_shortcut_menu, .search_shortcut_menu_button_lostCard:hover .search_shortcut_menu
{
	opacity: 1;
	display: block;
}

.search_shortcut_menu_item {
text-decoration: none;
color: black;
display: block;
margin: 2px 0px;
padding: 5px;
text-align: right;
cursor: pointer;
transition: all 200ms ease-in-out;
}
.search_shortcut_menu_item:hover {
background-color: rgba(80,0,90,0.1);
padding-right: 15px;
}
.search_shortcut_menu_item a {
text-decoration: none;
color: black;
}