body {
	text-align: right;
	font-size: 1em;
	dir: rtl;
	color: #4C4D4F;
	margin: 0px;
}

ul.form input[type='text'], ul.form select {
	width: 200px;
}

#extension div {
bottom: 14px;
    color: white;
    font-weight: bold;
    position: absolute;
    right: -270px;
	width: 270px;
}

 div#links {
top: -1px;
left: 120px;
color: #cccccc;
    position: absolute;

}

div#links a {
    color: white;
    font-weight: bold;
    font-size: small;
}
	
h1 {

	font-size: 1.5em;
    padding-right: 10px;
    padding-top: 25px;
	color: #193CAC;
}

ul,li {
   padding-top: 0px;
   padding-bottom:0px;
   
}
ul.form {
padding-top:20px;
margin:0 10px;
}
ul.form li {
    line-height: 40px;
    list-style: none outside none;
    position: relative;
}
div.ann-input {

}
h2 {

	font-size: 1.3em;
	margin-top: 2px;
	margin-bottom: 3px;
}

h4 {
	margin: 0;
	padding: 0;
	padding-right: 5px;
	font-size: .8em;
	
}
#container_kiosk {
	width: 776px;
	margin:0 auto 0;
	text-align:right;
	min-height: 300px;
	border: 1px solid #B7BBBE;
}
#container {
	/*width: 776px;
	margin:0 auto 0;
	text-align:right;
	min-height: 300px;
	border: 1px solid #B7BBBE;*/
	    background-image: url("images/right_edge_rtl.jpg");/*, url("images/left_edge_rtl.jpg");*/
    background-position: left top;/*, right top;*/
    background-repeat: repeat-y;
    /*border: 1px solid #B7BBBE;*/
    margin: 0 auto;
    min-height: 450px;
    padding: 0 80px;
    text-align: right;
    width: 776px;
	position:relative;
	height:100%;
}
#right {
background-image:  url("images/left_edge_rtl.jpg");
background-position: right top;
    height: 100%;
    min-height: 150px;
    min-width: 80px;
    position: absolute;
    right: 0;

}

#extension {
 	background: url("images/right_edge_header_rtl.jpg") no-repeat scroll 0 0 transparent;
    left: 0;
    min-height: 125px;
    min-width: 80px;
    padding: 2px;
    position: absolute;
}

#header {
	width: 100%;
	min-height: 130px;
	background: url("images/toppic1_rtl.jpg") no-repeat scroll 0 0 transparent
}

#portal-link {
	position: absolute;
	top: 8px;
	left: 50%;
	width: 350px;
	height: 80px;
	background-color: transparent;
	border: 0px solid yellow;
}

#left {
    float: left;
    margin-left: 10px;
    margin-top: 0;
    min-height: 450px;
    padding: 10px 18px 18px;
    width: 30%;
}
#right{

}
#center {
	/*margin-left: 200px;*/
	margin-right: 0px;
	width: 60%;
	padding: 10px;
	min-height: 300px;
	height:375px;
	
}
#full {
	/*margin-left: 200px;*/
	margin-right: 0px;
	
	padding: 10px;
	/*min-height: 400px;*/
	
}



.result {
	line-height: 1em;
	text-align: right;
	padding: 10px;
	margin: 5px;
	/*border: 1px solid #000;*/
	background: url('images/result.png') right top no-repeat;
	min-height: 140px;
	width: 100%;
	
}

.info {
	background: url('images/r_corner_banner.png') 0 0 no-repeat;
	min-width: 220px;
	min-height: 180px;
	padding: 10px;
}

.result p {
	text-align: right;
}

.result .item:hover {
	background-color: #ffffff;
}

.result .item .desc {
	font-style: italic;
	font-weight: bold;
}
.result .item .name {

}

#results {
	/*height: 400px;*/
	padding: 1em;
}

#kiosk_results {
	height: 200px;
	padding: 0;
	overflow:auto;
}

label {
  width: 10em;
  display: block;
  float: right;
  font-weight: bold;
}

.l-search {
    background-color: #EEEEEE;
    border-radius: 7px 7px 7px 7px;
    box-shadow: 5px 5px 5px #CCCCCC;
}

.l-search legend{
  font-weight: bold;
  color: #ED5351;
}

.error {
	color: red;
	font-size:.8em;
	background-color: #fdd;
	border: 1px solid black;
	padding: 1em;
	margin: 10px;
}

.msg {
	color: black;
	font-size:.8em;
	background-color: #dfc;
	border: 1px solid black;
	padding: 1em;
}

span.example {
	color: blue;
	line-height:20px;

}

.const {
  color: #ED5351;
  font-weight:bold;
}

a {
	text-decoration: none; 
}

a:hover {
	text-decoration: underline;
}

a img {
	border: 0px;
}

table.resultTab  {
	width:90%;
	border-top:1px solid #e5eff8;
	border-right:1px solid #e5eff8;
	margin:0em auto;
		border-collapse:collapse;
	}
caption {
	color: #9ba9b4;
	font-size:.94em;
		letter-spacing:.1em;
		margin:1em 0 0 0;
		padding:0;
		caption-side:top;
		text-align:center;
	}	
	.resultTab tr.odd:hover {
	background: #e7e7ee;
}	
	
.resultTab tr.odd	{
	background:#f7fbff;
	}
.resultTab tr:hover {
	background: #e7e7ee;
}	

.resultTab td {
	color:#678197;
	border-bottom:1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	padding:.3em 1em;
	text-align:center;
	}				
.resultTab th {
	font-weight:normal;
	color: #678197;
	text-align:left;
	border-bottom: 1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	padding:.3em 1em;
	}							
.resultTab thead th {
	background:#f4f9fe;
	text-align:center;
	font:bold 1.2em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#66a3d3
	}	
.resultTab tfoot th {
	text-align:center;
	background:#f4f9fe;
	}	
.resultTab tfoot th strong {
	font:bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	margin:.5em .5em .5em 0;
	color:#66a3d3;
		}		
.resultTab tfoot th em {
	color:#f03b58;
	font-weight: bold;
	font-size: 1.1em;
	font-style: normal;
	}
	
#mobile_results {
	width:450px;	
}

#mobile_results table.resultTab {
	width: 100%;
}


#mobile_container {
	padding: 10px;
	margin:0 auto 0;
	text-align:right;
	min-height: 300px;
	border: 1px solid #B7BBBE;
}

#footer {
	background-color: #a98ea7;
	min-height: 70px;
	width:100%;
}

a.boldbuttons{
background: transparent url('images/oval-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;

}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}

a.boldbuttons span{
background: transparent url('images/oval-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}


/**********/