html {
	width: 100%;
	height: 100%;
}
body {
	background-color: #fff;
	margin: 0px;
	width: 100%;
	height: 100%;
}

table {
	width: 100%;
	font-size: 0.75em;
}

.error {
	color: #c00 !important;
}

a {
	color: #0b0;
}
a:hover { 
	text-decoration: none; 
}

.noborder {
	border: 0em !important;
}

img.member {
	width: 10em;
	height: 14em;
	display: block;
	margin-top: 1em;
	margin-bottom: 0.5em;
	margin-left: auto;
	margin-right: auto;
	padding: 0.5em;
	border: solid;
	border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
	border-width: 1px 2px 2px 1px;
	background-color: white;'
}
.persian{
	direction: rtl;
}

body, input, select, textarea {
	font-family: 'Arial', 'Helvetica', 'Sans-serif';
}

.padding {
	padding: 0.5em;
}

.break {
	clear: both;
}

.hidden {
	display: none;
}

h1, h2, h3, h4, h5 {
	margin-top: 0em;
	margin-bottom: 0.5em;
}

.routeMap {
	width: 43em;
	height: 28em;
	padding-bottom: 1em;
}

.canvas {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100%;
	height: auto;
}



.header {
	position: relative;
	width: 100%;
	min-width: 60em;
	height: 5em;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 2em;
	margin-left: auto;
}

.header .login {
	position: absolute;
	width: 30em;
	right: 0;
	padding: 0.25em 0.5em;
	color: #999;
	font-size: 0.75em;
	z-index: 3;
}

.header .login a {
	color: #fff;
}

.header .login a:hover {
	text-decoration: none;
}

.header .front {
	position: absolute;
	width: 100%;
	height: 5em;
	z-index: 2;
	overflow:hidden;
	left: 0;
}
.header .front div {
	position: absolute;
	top: 0;
	left: 50%;
}
.header .front img {
	width: 11.5em;
	height: 1.875em;
	position:absolute;
	left: -25em;
	top: 1.25em;
	overflow:hidden;
}
.header .back {
	background-color: #000;
	position: absolute;
	width: 100%;
	height: 5em;
	z-index: 1;
	overflow:hidden;	
}

.header .menu {
	z-index: 3;
	position: absolute;
	top: 4.25em;
	left: 50%;
	white-space: nowrap;
}


.header .menu .menubar {
	position: absolute;
	left: -30em;
	top: 0;
	width: 60em;
}
.header .menu .menubar img {
	float: none;
	width: 60em;
}
.header .menu .navigation {
	position: absolute;
	top: 0;
	left: -30em;
	width: 60em;
	text-align: center;
	padding-top: 0.125em;
	padding-right: 0em;
	padding-bottom: 0.125em;
	padding-left: 0em;
}
.header .menu .navigation img {
	float: none;
	vertical-align: top;
	margin: 0em;
	padding: 0em;
}
.header .menu ul {
	display: inline;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
.header .menu li {
	display: inline;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
.header .menu a {
	color: #fff;
	text-decoration: none;
	white-space: nowrap;
	padding-top: 0em;
	padding-right: 0.5em;
	padding-bottom: 0.2em;
	padding-left: 0.5em;
	line-height: 1em;
}

.header .menu span {
	font-size: 75%;
}



.header .menu a:hover {
	background-color: #666;
}

.header .menu a.selected {
	background-color: #c00;
}

.main {
	width: 60em;
	padding-bottom: 1.25em;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.leftColumn {
	float: left;
	width: 15em;
	clear: left;
}

.leftColumn form{
	margin: 0;
}

.centerColumn {
	float: left;
	width: 43em;
	margin-left: 1.5em;
	clear: right;
}

.centerColumn p {
	font-size: 0.75em;
	color: #444;
}
.featureBox {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-bottom: 1em;
}

.boxContent {
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
	position: relative;
}
.boxTop {
	border-top: 1px #ccc solid;
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
	height: 5px;
}
.boxBottom {
	border-bottom: 1px #ccc solid;
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
	height: 5px;
}
.boxLine {
	border-top:1px #ccc solid;
	height:0px;
	clear: both;
}
.boxBack {
	position: absolute;
	bottom: 0px;
	z-index: -1;
	width: 100%;
	height: 11.75em;
}
.boxBack img {
	width: 100%;
	height: 11.75em;
}

.corners {
	position: relative;
	width: 5px;
	height: 5px;
	font-size: 1px;
	background-repeat: no-repeat;
	margin-bottom: -1px;
}
.ctr {
	float: right;
	background-image: url('/static/image/layout/Corner-WTR.gif');
	margin-right: -1px;
	margin-top: -1px;
}
.ctl {
	float: left;
	background-image: url('/static/image/layout/Corner-WTL.gif');
	margin-left: -1px;
	margin-top: -1px;
}
.cbr {
	float: right;
	background-image: url('/static/image/layout/Corner-WBR.gif');
	margin-right: -1px;
	margin-top: 1px;
}
.cbl {
	float: left;
	background-image: url('/static/image/layout/Corner-WBL.gif');
	margin-left: -1px;
	margin-top: 1px;
}

.sidePanel {
	position: relative;
	width: 8em;
	height: 10em;
	overflow: hidden;
	float: left;
}

.sidePanel .back {
	position: absolute;
	z-index: -1;
	width: 8em;
	height: 10em;
	top: 0px;
}
.sidePanel .back img {
	width: 8em;
	height: 7em;
}

.sidePanel .front {
	text-align: center;
	width: 8em;
	height: 10em;
	padding-top:1em;
}

.sidePanel h1 {
	font-weight: bold;
	color: #fff;
	font-size: 3em;
	line-height: 1em;
	margin: 0em;
	clear: both;
}
.sidePanel h2 {
	font-weight: bold;
	color: #f00;
	font-size: 1em;
	line-height: 1em;
	margin: 0em;
	clear: both;
}
.sidePanel h3 {
	font-weight: normal;
	color: #fff;
	font-size: 1em;
	line-height: 1em;
	margin: 0em;
	clear: both;
}
.sidePanel h4 {
	font-weight: normal;
	color: #fff;
	font-size: 0.75em;
	line-height: 1em;
	margin: 0em;
	clear: both;
}
.sidePanel h5 {
	font-weight: normal;
	color: #999;
	font-size: 0.75em;
	line-height: 1em;
	margin: 0em;
	clear: both;
}

.sidePanel .items {
	position:absolute;
	top:7em;
	width:7em;
	padding-left:0.5em;
	text-align:center;
}

.sidePanel .items img {
	height:1.25em;
	width:1.25em;
	cursor:pointer;
	padding: 1px;
}

.sidePanel .items img.loader {
	height:1.5em;
	width:7em;
	padding:0em;
	cursor:default;
}

.mainPanel {
	position: relative;
	float: right;
	width: 33.75em;
	padding-top: 0.5em;
	padding-right: 0.75em;
	padding-bottom: 0.5em;
	padding-left: 0.25em;
}

.mainPanel .list {
	margin:0em;
	position: relative;
}

.mainPanel .list ul {
	margin: 0em;
	padding-left: 0.5em;
}

.listPanel {
	padding-top: 0.5em;
	padding-right: 0.75em;
	padding-bottom: 0.5em;
	padding-left: 0.75em;
	position: relative;
}

.listPanel ul {
	margin: 0em;
	padding-left: 1em;
}

.mainPanel .list li, .listPanel li, .cloneItem {
	color: #444;
	font-weight: normal;
	list-style-type: none;
	white-space: nowrap;
	font-size: 0.75em;
	line-height: 1.25em;

}

.mainPanel li img, .listPanel li img, .cloneItem img  {
	margin: 0;
	padding: 0;
	position: relative;
	vertical-align: middle;
}

.mainPanel .list li label, .cloneItem lable {
	color: #444;
	font-weight: bold;
	position:absolute;
	left: 10em;
}


.listPanel li label {
	color: #444;
	font-weight: bold;
	position:absolute;
	left: 20em;
}

.listPanel .account li label {
	color: #444;
	font-weight: bold;
	position:absolute;
	left: 16em;
}

.mainPanel .list li span, .listPanel li span, .cloneItem span {
	color: #999;
	font-weight: normal;
	padding-left: 0.5em;
}

.listPanel .account li span.debit {
	position:absolute;
	left: 21em;
	background: #fff;
	text-align: right;
	width: 9em;
}

.listPanel .account li span.credit {
	position:absolute;
	left: 30em;
	background: #fff;
	text-align: right;
	width: 9em;
}

.mainPanel .list li label a, .listPanel li label a, .cloneItem label a {
	color: #444;
}

.mainPanel .list li span a, .listPanel li span a, .cloneItem span a {
	color: #999;
}

.mainPanel a, .listPanel a {
	text-decoration: none;
	color: #444;
}
.mainPanel a:hover, .listPanel a:hover {
	text-decoration: underline;
}

.footer {
	position:relative;
	clear: both;
	color: #999;
	width:100%;
	min-width:60em;
	background-color: white;
	background-image: url(/static/image/layout/Footer-Back.png);
	background-repeat: repeat-x;
	background-position: left top;
	margin-top: 2.5em;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
}

.footer .search {
	position:relative;
	width: 100%;
	clear: both;
	text-align: center;
	padding: 1em 0em;
}

.footer .menu {
	position:absolute;
	left: 50%;
}

.footer .menu .navigation {
	position:absolute;
	left: -30em;
	width: 52em;
	clear: both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.footer .menu .navigation ul {
	display: block;
	margin: 0;
	padding: 0;
	float: left;
}
.footer .menu .navigation ul li {
	float: left;
	display: block;
	padding: 0;
	width: 8.5em;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
}
.footer .menu .navigation ul li a {
	font-size: 0.95em;
	text-decoration: none;
	color: #999;
}
.footer .menu .navigation ul li a:hover {
	text-decoration: underline;
}
.footer .menu .navigation ul li.selected a {
	text-decoration: none;
	color: black;
}
.footer .menu .navigation ul li.selected li a {
	text-decoration: none;
	color: #0b0;
}
.footer .menu .navigation ul li.selected li a:hover {
	text-decoration: underline;
}
.footer .menu .navigation ul li li a {
	text-decoration: none;
	color: #999;
	padding-right: 0.25em;
}
.footer .menu .navigation ul li {
	font-size: 1em;
	font-weight: bold;
}
.footer .menu .navigation ul li ul {
	margin-top: 0.25em !important;
}
.footer .menu .navigation ul li li {
	font-size: 0.8em;
	line-height: 1.05em;
	font-weight: normal;
}
.footer .menu .navigation ul li ul {
	margin: 0.5em;
	margin: 0;
	padding: 0;
}
.footer .menu .navigation ul li li {
	float: none;
	display: block;
	margin: 0 0 0.25em;
	padding: 0;
}
.footer .menu .navigation ul li:hover a {
	color: black;
}
.footer .menu .navigation ul li:hover li a {
	color: #0b0;
}
.footer .menu .navigation ul li:hover li a:hover {
	text-decoration: underline;
}

.footer .menu .container {
	position: relative;
	width: 7em;
	right: -23em;
	background-color: white;
	margin-right: 5em;
	margin-bottom: 1em;
	margin-top: -5em;
}


.footer .menu .container ul {
	margin: 0;
	padding: 0;
	display: block;
}
.footer .menu .container ul li {
	margin: 0;
	padding: 0;
	float: none;
	display: block;
	font-size: 0.75em;
}

.footer .menu .container a {
	color: #999;
	text-decoration: none;
}
.footer .menu .container a:hover {
	text-decoration: underline;
}
.footer .menu .container:hover h4 {
	color: black;
}
.footer .menu .container:hover a {
	color: #0b0;
}
.footer .menu .container:hover a:hover {
	text-decoration: underline;
}

.itemForm {
	float: right;
	width: 43em;
	margin-bottom: 0.5em;
	position:relative;
}

.insidePanel {
	font-size: 0.9em;
}

.insidePanel .itemForm {
	background-color: #eee;
	
}

li .itemForm {
	background-color:#eee;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #eee;
	border-bottom-color: #eee;
	float: right;
	width: 43em;
	margin-bottom: 0.5em;
	position:relative;
	padding: 0em 0.5em;
}

.itemForm .row {
	clear: both;
	margin: 0.5em 0em;
	position: relative;
	font-size: 1em;
}

.itemForm .row:after { 
	content: " "; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
}

.itemForm .submit {
	text-align: right;
	padding-bottom: 0.5em;
}

li .itemForm li{
	font-size: 1em !important;
}

.itemForm .row .columnSingle {
	float: left;
	width: 42em;
	margin-top: 0em;
	margin-right: 0.5em;
	margin-bottom: 0em;
	margin-left: 0.5em;
}

.itemForm .row .columnDouble {
	float: left;
	width: 20.5em;
	margin-top: 0em;
	margin-right: 0.5em;
	margin-bottom: 0em;
	margin-left: 0.5em;
}

.itemForm li {
	color: #444;
	font-weight: bold !important;
	font-size: 0.9em;
}

.itemForm li span {
	color: #999;
	font-weight: normal;
	padding-left: 0.5em;
}

.itemForm p {
	font-size: 0.9em;
	white-space: normal;
	margin: 0em;
}

.itemForm select,
.itemForm textarea,
.itemForm .inputText,
.itemForm .inputPassword, 
.itemForm .inputFile {
	border: 1px solid #999;
	width: 100%;
}


.itemForm .fieldLabel {
	display: block;
	font-weight: bold;
	position:static !important;
	left:0em !important;
}

.itemForm .comment {
	position: relative;
	float: left;
	font-size: 0.75em;
}

.itemForm .optional {
	font-weight: normal !important;
}

.itemForm .normalWide {
	width: auto;
}

.itemForm .errorMessage span {
	color: red;
	font-weight: normal;
}
.itemForm .errorMessage select,
.itemForm .errorMessage textarea,
.itemForm .errorMessage .inputText,
.itemForm .errorMessage .inputPassword, 
.itemForm .errorMessage .inputFile {
	border: 1px solid red;
	background-color: #fee;
	color: red;
}

.itemForm .errorMessage select.optional,
.itemForm .errorMessage textarea.optional,
.itemForm .errorMessage input.optional {
	border: 1px solid #999;
	background-color: #fff;
	color: black;
}


.calendarBox h4 {
	line-height:1.5em;
	text-align:center;
	color:#444;
}
.calendarBox img {
	border-width: 0px;
}

.calendarBox .calendarHeader {
	width:2.7em;
	height:1em;
	float: left;
	border-top-style: solid;
	border-right-style: solid;
	border-width: 1px;
	border-color: #eee;
}
.calendarBox .calendarHeader p {
	font-size:1em;
	line-height:1em;
	text-align:center;
	font-weight:bold;
	color:#ccc;
	padding:0em;
	margin:0em;
}
.calendarBox .firstCell {
	margin-left:0.5em;
	border-left-style:solid;
}
.calendarBox .weekend {
	background-color:#eee;
}
.calendarBox .lastRow {
	border-bottom-style:solid;
}

.calendarCell .calendarBack {
	position: absolute;
	width: 2.7em;
	height: 2em;
	top: 0px;
}
.calendarCell .calendarBack img {
	top: 0em;
	left: 0em;
	width: 2.7em;
	height: 2em;
}

.calendarBox .activeDay p{
	position:absolute;
	left:0px;
	top:0px;
	cursor:default !important;
}

.calendarBox .calendarCell {
	width:2.7em;
	height:2em;
	float: left;
	position:relative;
	background-color:#fff;
	border-top-style: solid;
	border-right-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
}

.calendarBox .calendarCell p {
	font-size:1.25em;
	text-align:center;
	font-weight:bold;
	color:#999;
	padding:0em;
	margin:0em;
	line-height:1.7em;
	width:2.2em;
	cursor:pointer;
}

.calendarBox .activeCell p {
	color:#f00;
	font-size:1.7em;
	padding:0em;
	margin:0em;
	line-height:1.2em;
	width:1.5em;
	cursor:pointer;
}

.calendarBox .freezeCell p {
	color:#444;
	font-size:1.7em;
	padding:0em;
	margin:0em;
	line-height:1.2em;
	width:1.5em;
	cursor:pointer;
}


ul.itinerary {
	padding-left:0em;
	padding-right:0em;
	margin-left:0;
	margin-right:0;
}

li.itinerary {
	list-style:none;
	font-size:1em;
	position:relative;
	clear: both;
	display: block;
}

li.itinerary ol {
	padding:0;
	margin: 0;
	display:block;
	position:relative;
	float:left;
	clear:both;
}

li.itinerary ol div.chart {
	list-style:none;
	float:left;
	height:1.125em;
	position:relative;
	text-align:center;
	line-height:1.125em;
	overflow: hidden;
	border-color: #999;
	border-width: 0.0625em;
	border-bottom-style: solid;
	border-right-style: solid;
}

li.itinerary ol div.first {
	border-left-style: solid;
}

li.itinerary ol div.top {
	border-top-style: solid;
	margin-top: 0.25em;
}

li.itinerary ol div.title {
	list-style:none;
	float:left;
	height:1.25em;
	position:relative;
	text-align:center;
	line-height:1.25em;
	overflow: hidden;
	margin-top: 0.25em;
}

li.itinerary ol div.city {
	list-style:none;
	float:left;
	height:1.25em;
	position:relative;
	text-align:center;
	line-height:1em;
	overflow: hidden;
}

li.itinerary ol div.title div.barLeft {
	position:absolute;
	left:0;
	height:1.25em;
	z-index:-1;
}

li.itinerary ol div.title div.barBack {
	position:absolute;
	left:0;
	height:1.25;
	width:100%;
	z-index:-2;
}
li.itinerary ol div.title div.barRight {
	position:absolute;
	right:0;
	height:1.25em;
	z-index:-1;
}

li.itinerary ol div.city div.barLeft {
	position:absolute;
	left:0;
	height:1.25em;
	z-index:-1;
}

li.itinerary ol div.city div.barBack {
	position:absolute;
	left:0;
	height:1.25;
	width:100%;
	z-index:-2;
}
li.itinerary ol div.city div.barRight {
	position:absolute;
	right:0;
	height:1.25em;
	z-index:-1;
}

li.itinerary ol div div.barLeft img {
	height:1.25em;
	width:0.25em;
}

li.itinerary ol div img.barDivider {
	height:1.25em;
	width:0.0625em !important;
}

li.itinerary ol div div.barBack img {
	height:1.25em;
	width:100%;
}

li.itinerary ol div div.barRight img {
	height:1.25em;
	width:0.25em;
}
li.itinerary ol div.title span {
	font-weight: bold;
}
li.itinerary ol div span {
	font-size: 0.75em;
	color: #444;
}

.leftBox {
	position: relative;
	float: left;
	width: 15em;
	overflow: hidden;
	margin-bottom: 0.3125em;
}
.leftBox .boxContent img {
	float: left;
	width: 3em;
	margin: 0.0625em 0.5em;
	border: 0em;
}
.leftBox .boxText {
	margin-left: 1em;
	margin-right: 1em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}

.leftBox .first {
	padding-top: 0.5em;
}

.leftBox .boxText li {
	font-size: 0.6875em;
}
.boxCenter {
	text-align:center;
}
.leftBox .boxContent h4 {
	margin: 0px;
	color: #666;
}
.leftBox .boxContent p {
	font-size: 0.6875em;
	margin: 0px;
}
.leftBox .boxBack {
	height: 100%;
}
.leftBox .boxBack img {
	width: 100%;
	height: 100%;
}
.leftBox ul {
	margin-bottom: 0em;
}
.leftBox h3 a,
.leftBox p a,
.leftBox li a {
	color: #444;
	text-decoration: none; 
}


.sideForm {
	margin-top: 0em;
	margin-right: 0.75em;
	margin-bottom: 0em;
	margin-left: 0.75em;
}

.sideForm .row {
	clear: both;
	position: relative;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}

.itemForm .row:after { 
	content: " "; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
}


.sideForm .row .columnSingle {
	float: left;
	width: 13em;
	margin-right: 0.25em;
	margin-left: 0.25em;
}

.sideForm .row .columnDouble {
	float: left;
	width: 6.125em;
	margin-right: 0.25em;
	margin-left: 0.25em;
}


.sideForm p {
	margin: 0em;
	color: #444;
}

.sideForm .fieldLabel {
	display: block;
	font-weight: bold;
	position:static !important;
	left:0em !important;
}

.sideForm .optional {
	font-weight: normal !important;
}

.sideForm .first {
	margin-top: 0.25em;
}

.sideForm textarea {
	height: 3em;
}

.sideForm textarea,
.sideForm input,
.sideForm select,
.sideForm option {
	font-size: 0.9em;
}
.sideForm select,
.sideForm textarea,
.sideForm .inputText,
.sideForm .inputPassword, 
.sideForm .inputFile {
	border: 1px solid #999;
	width: 100%;
}

.sideForm .row .normalWide {
	width: auto;
}

.sideForm .submit {
	text-align: right;
	padding-bottom: 0.5em;
}

.sideForm .errorMessage span {
	color: red;
	font-weight: normal;
}
.sideForm .errorMessage select,
.sideForm .errorMessage textarea,
.sideForm .errorMessage .inputText,
.sideForm .errorMessage .inputPassword, 
.sideForm .errorMessage .inputFile {
	border: 1px solid red;
	background-color: #fee;
	color: red;
}

.sideForm .errorMessage select.optional,
.sideForm .errorMessage textarea.optional,
.sideForm .errorMessage input.optional {
	border: 1px solid #999;
	background-color: #fff;
	color: black;
}


ul.pipe
{
	list-style-type: none;
}
.pipe li
{
	background-repeat: no-repeat;
	background-position: right center;
	float:right;
	padding-right:0.5em;
	padding-left:0.25em;
	font-size:0.75em;
	line-height:1em;
	margin-bottom:0.5em;
}
.pipe li a {
	text-decoration:none;
	color: #444;
}

.pipe li a:hover {
	text-decoration:underline;
}

.pipe li+li
{
	background-image: url("/static/image/layout/Itembar-Divider.gif");
}

.pipe li.note {
	background-image:none;
}


.passengers{
	border-left:1px #ccc solid;
	margin-bottom: 0.5em;
	margin-left: 0.5em;
	margin-right: 0em;
	margin-top: 0.5em;
}

.passenger{
	margin:0em;
	display:inline;
}

.passengersCorner{
	height: 5px;
}

.passengers span {
	color: #444;
	font-weight: normal;
	padding-left: 0.5em;
}

.passenger p {
	color: #444;
	font-weight: normal;
	display: inline;
	margin: 0em;
	line-height: 1.75em;
}

.passenger label.passengersLabel {
	line-height: 1.75em;
	font-size: 0.75em;
	color: #444;
	position:absolute;
	left: 15em;
}

.passengers label a{
	color: #444;
	font-weight: bold;
	font-size: 1em;
	margin-left: 0em;
}

.passengers label a img {
	vertical-align: middle;
}

.passengers a {
	color: #444;
	font-weight: bold;
	text-decoration: none;
	font-size: 0.75em;
	margin-left: 1em;
}
.passengers a:hover {
	text-decoration: underline;
}