﻿.FormContainter
{
	width:450px;
    padding:1px
}

.FormIndicatorColumn
{
	width:100px;
}

.FormTextTitle
{
	font-family:tahoma;
	font-size:9pt;
	color:#555555;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-right: 5px;
}

.FormTextTitleMandatory
{
	font-family:tahoma;
	font-size:9pt;
	color:red;
	font-weight:bold;	
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-right: 5px;
}

.FormAreaLabel
{
	text-align:left;
	width:100px;
	vertical-align:top;
}
.FormAreaInput
{
	text-align:right;
	width:350px;
	vertical-align:top;	
}

.FormTextBox
{
	width:200px;
	font-family:tahoma;
	font-size:9pt;
	direction:rtl;
	text-align:right;	
    border:1px solid #e0e0e0;
	transition: all 0.5s ease;
    resize:none;
} 

.FormTextBox:focus
{
	width:200px;
	font-family:tahoma;
	font-size:9pt;
	direction:rtl;
	text-align:right;	
    background-color:#DFFFFF;
    border:1px solid #b6b6b6;
	transition: all 0.5s ease;
    resize:none;
} 

.FormTextBox:hover
{
	width:200px;
	font-family:tahoma;
	font-size:9pt;
	direction:rtl;
	text-align:right;	
    background-color:#f7f7f7;
    border:1px solid #b6b6b6;
	transition: all 0.5s ease;
    resize:none;
}

.FormTextBoxNumeric
{
	width:200px;
	font-family:tahoma;
	font-size:9pt;
	direction:ltr;
	text-align:center;	
    border:1px solid #e0e0e0;
	transition: all 0.5s ease;
}

.FormTextBoxNumeric:hover
{
	width:200px;
	font-family:tahoma;
	font-size:9pt;
	direction:ltr;
	text-align:center;	
    background-color:#f7f7f7;
    border:1px solid #b6b6b6;
	transition: all 0.5s ease;
}

.FormTextBoxNumeric:focus
{
	width:200px;
	font-family:tahoma;
	font-size:9pt;
	direction:ltr;
	text-align:center;	
    background-color:#DFFFFF;
    border:1px solid #b6b6b6;
	transition: all 0.5s ease;
}

.FormTextBoxUpload
{
	width:200px;
	font-family:tahoma;
	font-size:9pt;
	direction:rtl;
	text-align:left;	
}

.FormTextBoxLatin
{
	width:200px;
	font-family:tahoma;
	font-size:9pt;
	direction:ltr;
	text-align:left;	
    border:1px solid #e0e0e0;
	transition: all 0.5s ease;
}

.FormTextBoxLatin:hover
{
	width:200px;
	font-family:tahoma;
	font-size:9pt;
	direction:ltr;
	text-align:left;	
    background-color:#f7f7f7;
    border:1px solid #b6b6b6;
	transition: all 0.5s ease;
}

.FormTextBoxLatin:focus
{
	width:200px;
	font-family:tahoma;
	font-size:9pt;
	direction:ltr;
	text-align:left;	
    background-color:#DFFFFF;
    border:1px solid #b6b6b6;
	transition: all 0.5s ease;
}

.FormTextBoxDateTime
{
	width:200px;
	font-family:tahoma;
	font-size:9pt;
	direction:ltr;
	text-align:center;	
    border:1px solid #e0e0e0;
	transition: all 0.5s ease;
}

.FormTextBoxDateTime:hover
{
	width:200px;
	font-family:tahoma;
	font-size:9pt;
	direction:ltr;
	text-align:center;	
    background-color:#f7f7f7;
    border:1px solid #b6b6b6;
	transition: all 0.5s ease;
}

.FormTextBoxDateTime:focus
{
	width:200px;
	font-family:tahoma;
	font-size:9pt;
	direction:ltr;
	text-align:center;	
    background-color:#DFFFFF;
    border:1px solid #b6b6b6;
	transition: all 0.5s ease;
}

.FormTextInformation
{
	width:200px;
	font-family:tahoma;
	font-size:7pt;	
	color:#555555;
	margin-top: 0px;
	margin-bottom: 10px;
}

.FormTextConfirmation
{
	width:200px;
	font-family:tahoma;
	font-size:9pt;
	color:#555555;
	margin-top: 0px;
	margin-bottom: 10px;
	transition: all 0.5s ease;
}

.FormTextConfirmationError
{
	width:200px;
	font-family:tahoma;
	font-size:9pt;
	color:red;	
	margin-top: 0px;
	margin-bottom: 10px;
	background-color:yellow;
	transition: all 0.5s ease;
}

.FormTextConfirmationSuccess
{
	width:200px;
	font-family:tahoma;
	font-size:9pt;
	color:#019882;	
	margin-top: 0px;
	margin-bottom: 10px;	
	transition: all 0.5s ease;
}

.FormButtonSendWaiting
{
	font-family:tahoma;
	font-size:8pt;
	color:royalblue;	
	margin-top: 0px;
	margin-bottom: 0px;
}

.FormAvatar
{
	width:80px;
	text-align: center;
	vertical-align:top;
	border:1px Solid Silver;
	margin: 7px 0px;
	border-width:1px;
	border-color:Silver;
}
    
.ProfilePicturePane
{
	width:120px;
	text-align: center;
	vertical-align:top;
}

.ProfileContentPane
{
	width:500px;
	vertical-align:top;
}

.ProfileContentContainer
{
	width:100%;	
}

.ProfileContentLabelArea
{
	width:90px;
}
.ProfileContentValueArea
{
	width:300px
}
.ProfilePicture
{
	width:120px;
}

.ProfileTextTitle
{
	font-family:tahoma;
	font-weight:bold;
	font-size:9pt;
	color:#555555;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 20px;
	margin-right: 20px;
	text-align:right;
}

.ProfileTextValue
{
	font-family:tahoma;
	font-size:9pt;
	color:#555555;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	text-align:right;
}
.ProfileLink
{
	font-family:tahoma;
	font-size:9pt;
	color:royalblue;
	font-weight:bold;
	text-decoration:none;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	text-align:right;
}
.ProfileLink:hover
{
	font-family:tahoma;
	font-size:9pt;
	font-weight:bold;
	color: #000066;
	text-decoration:none;
	text-align:right;
}

.ConfirmBoxContainer
{
	width:100%;
	background-color:#FFFFcc;
	border-color:red;
	border-width:1px;
	border-bottom-style:solid;
	
}

.ConfirmImageContainer
{
	width:85px;
	text-align:center;
	vertical-align:middle;
}

.ConfirmMessageContainer
{
	width:600px;
	text-align:right;
	vertical-align:top;
}

.ConfirmImageIcon
{
	border: 0px;
	width:48px;
	height:48px;
}

.ConfirmTextLabel
{
	width:600px;
	font-family:tahoma;
	font-size:10pt;
	font-weight:bold;
	color:#009933;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-right: 5px;
	text-align:center;
}

.ConfirmTextMessage
{
	width:600px;
	font-family:tahoma;
	font-size:9pt;
	color:#555555;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	text-align:justify;
}

.ElementArea
{
	width:100%;
	direction:rtl;
	
}
.ElementAreaImage
{
	width:120px;
	vertical-align:top;	
}
.ElementAreaValue
{
	vertical-align:top;	
}

.ElementTextLabel
{
	font-family:tahoma;
	font-size:9pt;
	color:royalblue;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	text-align:right;
}

.ElementTextValue
{
	font-family:tahoma;
	font-size:9pt;
	color:#555555;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	text-align:right;

}

.ElementTextValue:hover
{
	font-family:tahoma;
	font-size:9pt;
	color:red;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	text-align:right;
}

.ElementTextHeader
{
	font-family:tahoma;
	font-size:12pt;
	color:royalblue;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	text-align:right;
	font-weight:bold
}

.ElementAvatar
{
	width:120px;
	text-align: center;
	vertical-align:top;
	border:1px Solid Silver;
	margin: 7px 0px;
	border-width:1px;
	border-color:Silver;
}

.ElementAvatar:hover
{
	width:120px;
	text-align: center;
	vertical-align:top;
	border:1px Solid Silver;
	margin: 7px 0px;
	border-width:1px;
	border-color:silver;
}

.LoginMainTable
{
    direction:rtl;
    width:350px;
    border-width:0px;
    padding:1px
}

.LoginTextLabelHeader
{
	font-family:tahoma;
	font-size:10pt;
	color:royalblue;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	text-align:right;
	text-decoration:none;
	font-weight:bold;
	direction:rtl;
}

.LoginTextLabel
{
	font-family:tahoma;
	font-size:9pt;
	color:#555555;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-right: 5px;
	text-align:right;
	text-decoration:none;
	direction:rtl;
}

.LoginTextLabel:hover
{
	font-family:tahoma;
	font-size:9pt;
	color:royalblue;
	text-align:right;
	text-decoration:none;
	direction:rtl;
}

.LoginTextLink
{
	font-family:tahoma;
	font-size:9pt;
	color:royalblue;
	text-align:right;
	text-decoration:none;
	direction:rtl;
}

.LoginTextLink:hover
{
	font-family:tahoma;
	font-size:9pt;
	color:navy;
	text-align:right;
	text-decoration:none;
	direction:rtl;
}

.LoginTextBox
{
	width:150px;
	font-family:tahoma;
	font-size:9pt;
	direction:ltr;
	text-align:left;	
    border:1px solid #e0e0e0;
	transition: all 0.5s ease;
} 

.LoginTextBox:focus
{
	width:150px;
	font-family:tahoma;
	font-size:9pt;
	direction:ltr;
	text-align:left;	
    background-color:#DFFFFF;
    border:1px solid #b6b6b6;
	transition: all 0.5s ease;
} 

.LoginTextBox:hover
{
	width:150px;
	font-family:tahoma;
	font-size:9pt;
	direction:ltr;
	text-align:left;	
    background-color:#f7f7f7;
    border:1px solid #b6b6b6;
	transition: all 0.5s ease;
}


.LoginAreaIndicator
{
	text-align:left;
	width:30px;
	vertical-align:top;
}

.LoginAreaLabel
{
	text-align:left;
	width:95px;
	vertical-align:top;
}

.LoginAreaInput
{
	text-align:right;
	width:250px;
	vertical-align:top;	
}

.LoginTextConfirmationError
{
	width:200px;
	font-family:tahoma;
	font-size:9pt;
	color:red;	
	margin-top: 0px;
	margin-bottom: 10px;
	background-color:yellow;
}

.LoginTextConfirmationSuccess
{
	width:200px;
	font-family:tahoma;
	font-size:9pt;
	color:#00CC00;	
	background-color:yellow;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight:bold;	
	text-align:center;
}

.LoginIcon
{
	vertical-align: middle;
	border-style: solid;
	border-width: 0px;
	margin: 1px;
	margin-top:2px;
	margin-bottom:2px;
}

.CredentialmainTable
{
	width:100%;
	padding:2px;
	border-width:0px;
}

.CredentialCellAvatar
{
	width:68px;
	vertical-align:top;
	text-align:center;
}

.CredentialCellValue
{
	vertical-align:top;
}

.CredentialImageAvatar
{
	width:64px;
	border:1px silver solid;
	margin:5px 5px 5px 5px;
	border-radius:7px;
	direction:ltr;
}

.CredentialImageAvatar:hover
{
	width:64px;
	border:1px #666666 solid;
	margin:5px 5px 5px 5px;
	border-radius:7px;
	direction:ltr;
}
