﻿/*
CSS Reset
============================================================================= */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline; /*background:transparent;*/ /* This style in IE 6 & 7 sucks */
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
table tr td {
	vertical-align: top;
	padding:1px 2px;
}

/*
Global
============================================================================= */
html {
	height: 100%;
	overflow-y: scroll;
}
* html body * {
	overflow: visible;
}
body {
	font: 11px/1.7em Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #1d1d20;
	background: #fff url(../images/body-bg.gif) repeat-x;
	direction: rtl;
}
a, a:visited, a:active {
	padding-bottom: 4px;
	color: #09c;
	text-decoration: none; /*background:url(../images/link-bg.gif) repeat-x 0 100%;*/
	outline: none;
}
a:hover {
	color: #CC9900;
	text-decoration: none; /*background:url(../images/link-bg-hover.gif) repeat-x 0 100%;	*/
}
hr {
	display: none;
}
acronym, abbr {
	cursor: help;
	border-bottom: 1px dotted #777;
}
kbd {
	position: relative;
	color: #666;
}
h2, h3, h4, h5, h6 {
	font-family: "Times New Roman" , Times, serif;
	color: #06C; /*display:block;*/
	text-align: right; /*rtl*/
	direction: rtl; /*rtl*/
}
p {
	color: #666;
	padding: 5px;
}
/* Global Form */
input {
	vertical-align: middle;
	font-family: Tahoma;
}
/* My Classes - Achilles */
.en {
	direction: ltr;
	text-align: left;
}
.fa {
	direction: rtl;
	text-align: right;
}
h2.title {
	font-size: 18px;
	margin: 10px 2px;
	padding-bottom: 4px;
	width: 45%;
	background: transparent url(../images/solid_underline.png) repeat-x left 21px;
}
h3.history {
	font-size: 16px;
	margin: 10px 2px;
	padding-bottom: 4px;
	width: 35%;
	background: transparent url(../images/solid_underline.png) repeat-x left 21px;
}
/* Validations */
.validate-success, .validate-error {
	padding: 0 15px;
	font-style: italic;
	margin-right: 4px;
}
.validate-success {
	color: #39CE31;
	background: url(../images/validate-success.png) no-repeat right;
}
.validate-error {
	color: #D33232;
	background: url(../images/validate-error.png) no-repeat right;
}

/*
Notifications
============================================================================= */

.notice {
	background: #FFFECC url(../images/icons/icon-info-32.png) no-repeat 99% 10px;
	border: 1px solid #FAECB5;
}
.success {
	background: #E2F9E3 url(../images/icons/icon-ok-32.png) no-repeat 99% 10px;
	border: 1px solid #9ECE9E;
}
.error {
	background: #FFEDEF url(../images/icons/icon-error-32.png) no-repeat 99% 10px;
	border: 1px solid #FFC5CC;
}
.dialogue {
	background: #ecf5fe url(../images/icons/icon-dialog-32.png) no-repeat 99% 10px;
	border: 1px solid #6f98cd;
}
.notice, .success, .error, .dialogue {
	color: #636363;
	font-size: 0.92em;
	padding: 14px 54px 14px 14px;
	margin: 6px 0;
}
.notice span, .success span, .error span, .dialogue span {
	display: block;
	font-weight: bold;
	font-size: 1.2em;
	padding-bottom: 10px;
	text-align: right; /*RTL*/
	direction: rtl; /*RTL*/
}
.success span {
	color: #579157;
}
.error span {
	color: #CF8790;
}
.notice span {
	color: #BBAB67;
}
.dialogue span {
	color: #6f98cd;
}
.notice p, .success p, .error p, .dialogue p {
	margin: 0;
	padding: 0;
	text-align: justify;
}

/* Layout */
div.wrapper {
	width: 890px;
	clear: both;
	margin: 0 auto;
}

div.header {
	clear: both;
}
div.header a {
	background: transparent url(../images/logo.jpg) no-repeat left top;
	height: 101px;
	width: 890px;
	display: block;
	padding: 0;
}
div.header a h1 {
	display: none;
}

div.content{
	clear:both;
}
td.titleTH{
	text-align:left;
}

.submit{
	display:block;
	width: 50px;
	height:23px;
	background: transparent url(../images/btnSubmit.gif) no-repeat left top;
}
.submit:hover{
	background-position: right bottom;
}