﻿/*[ #Send Friend ]*/
.send-friend { direction: rtl; text-align: center; margin-top: 5px; }
.send-friend .label_required { color: #039; font: bold 11px tahoma; width: 140px; display: inline-block; text-align: right; vertical-align: top; }
.send-friend .item-box { margin-bottom: 5px; }

/*[ #Elements General ]*/
/*( #Text box )*/
.TextBox-A { font: 11px Tahoma; width: 35px; border: 1px solid #a8a8a8; padding: 4px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.TextBox-B { font: 11px Tahoma; width: 100px; border: 1px solid #a8a8a8; padding: 4px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.TextBox-C { font: 11px Tahoma; width: 160px; border: 1px solid #a8a8a8; padding: 4px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.TextBox-D { font: 11px Tahoma; width: 300px; border: 1px solid #a8a8a8; padding: 4px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.TextBox-E { direction: ltr; text-align: left; /* For EN type text */ }
.TextBox-A:focus, .TextBox-B:focus, .TextBox-C:focus, .TextBox-D:focus, .TextArea-A:focus, .TextArea-B:focus { background: #F2F7F9; border: 1px solid #777777; }
/*( #Text Area )*/
.TextArea-A { min-width: 300px; max-width: 300px; min-height: 100px; font: 12px tahoma; border: 1px solid #a8a8a8; padding: 4px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.TextArea-B { min-width: 420px; max-width: 420px; min-height: 120px; font: 12px tahoma; border: 1px solid #a8a8a8; padding: 4px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
/*( #Button )*/
.sg-button { display: inline-block; position: relative; padding: 7px 10px; text-align: center; text-decoration: none; text-shadow: 1px 1px 1px rgba(255, 255, 255, .22); font: normal 12px tahoma; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .29), inset 1px 1px 1px rgba(255, 255, 255, .44); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .29), inset 1px 1px 1px rgba(255, 255, 255, .44); box-shadow: 1px 1px 1px rgba(0, 0, 0, .29), inset 1px 1px 1px rgba(255, 255, 255, .44); -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; -ms-transition: all 0.15s ease; transition: all 0.5s ease; border: none; }
.sg-button:hover { cursor: pointer; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .29), inset 0px 0px 2px rgba(0, 0, 0, .5); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .29), inset 0px 0px 2px rgba(0, 0, 0, .5); box-shadow: 1px 1px 1px rgba(0, 0, 0, .29), inset 0px 0px 2px rgba(0, 0, 0, .5); }
.sg-button:active { -webkit-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, .8); -moz-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, .8); box-shadow: inset 0px 0px 3px rgba(0, 0, 0, .8); }
.sg-button-gray:visited { color: #515151; }
.sg-button-gray { color: #515151; font: 11px tahoma; background: #d3d3d3; background: -moz-linear-gradient(top, #d3d3d3 0%, #8a8a8a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d3d3d3), color-stop(100%, #8a8a8a)); background: -webkit-linear-gradient(top, #d3d3d3 0%, #8a8a8a 100%); background: -o-linear-gradient(top, #d3d3d3 0%, #8a8a8a 100%); background: -ms-linear-gradient(top, #d3d3d3 0%, #8a8a8a 100%); background: linear-gradient(top, #d3d3d3 0%, #8a8a8a 100%); }
.sg-button-red:visited { color: #570606; }
.sg-button-red { color: #570606; background: #cd4e4e; background: -moz-linear-gradient(top, #cd4e4e 0%, #8f1a1a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cd4e4e), color-stop(100%, #8f1a1a)); background: -webkit-linear-gradient(top, #cd4e4e 0%, #8f1a1a 100%); background: -o-linear-gradient(top, #cd4e4e 0%, #8f1a1a 100%); background: -ms-linear-gradient(top, #cd4e4e 0%, #8f1a1a 100%); background: linear-gradient(top, #cd4e4e 0%, #8f1a1a 100%); }
.sg-green:visited { color: #3e5706; }
.sg-green { color: #3e5706; background: #a5cd4e; background: -moz-linear-gradient(top, #a5cd4e 0%, #6b8f1a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a5cd4e), color-stop(100%, #6b8f1a)); background: -webkit-linear-gradient(top, #a5cd4e 0%, #6b8f1a 100%); background: -o-linear-gradient(top, #a5cd4e 0%, #6b8f1a 100%); background: -ms-linear-gradient(top, #a5cd4e 0%, #6b8f1a 100%); background: linear-gradient(top, #a5cd4e 0%, #6b8f1a 100%); }
/*( #Box Notification )*/
.sg-notifi { cursor: pointer; clear: both; margin: 0px 0px 5px 0px; padding: 10px 10px 10px 60px; -moz-border-radius: 4px; -webkit-border-radius: 4px; display: block; }
.sg-notifi li { margin-bottom: 5px; }
.sg-notifi .ul-bullet { margin-right: 20px; }
.sg-notifi .ul-bullet li { padding-right: 5px; }
.sg-warning {background: url(../images/icons/error.png) 15px center no-repeat; border: 2px solid #FFC237; background-color: #FFEAA8; color: #826200;}
.sg-success {background: url(../images/icons/accept.png) 15px center no-repeat; border: 2px solid #99C600; background-color: #EFFFB9; color: #3C5A01;}
.sg-failure {background: url(../images/icons/exclamation.png) 15px center no-repeat; border: 2px solid #EB5339; background-color: #FCCAC2; color: #AC260F;}
.sg-information {background: url(../images/icons/information.png) 15px center no-repeat; border: 2px solid #418ACC; background-color: #D0E4F4; color: #235685;}
.sg-lightbulb {background: url(../images/icons/lightbulb.png) 15px center no-repeat; border: 2px solid #D3A350; background-color: #FEF0CB; color: #835F21;}

/*[ #Page Path ]*/
.PagePath { border: 1px solid #CCC; padding: 5px 0px; background: #FFF; margin-bottom: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.PagePath A {background: #f1f1f1; padding: 4px; -moz-border-radius-topleft: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-right: 1px; color: #000; font: 10pt tahoma; }
.PagePath A:hover {background: #a899ab; }
.PagePath A:active {background: #9c8fa1;}
.PagePath span {font: 10pt tahoma;}