*
      Rind Devran Tukan
*/

* { padding: 0; margin: 0; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin: 0; padding: 0; }

input,select, textarea{
 color: #12679b; 
}
body {
 color: #13689b;
 font-family:  Arial, Helvetica, serif;
 font-size: 12px; 
 background-image: url(/images/bg.png)   ;
 background-repeat: repeat-no;
}
.sag_reklam {
 background-image: url(/images/sag_1.png);
 background-color:#ffc;
}
.menu_ust a{
 padding:0px;
 color:#fff;
 display:none;
 
}
h1 {
font-size: 24px;
}
h2 { /*background: #192f url(/images/bg_yeni.jpg) ;*/
font-size: 18px;
}
h3 {
font-size: 14px;

}
h4{
font-size: 11px;
color: #e6673b;
}
label{
color:#E6673B;
}

hr{
height: 2px;
color: #12679b;
background-color: #12679b;
 border: 0;
}

#wrapper { 
 margin: 0 auto;
 width: 920px;
 
}
#faux {

margin-bottom: 15px;

 color: #135880; 
 width: 100%;
 
 
}

th {
text-align: left;
}
#header {
 margin-left :10px;
 width: 950px;
/* background:  /url(/images/ust_01.jpg) ;*/
 background-repeat :no-repeat;  
 height: 190px;
 
 color: #fff;
 border-top:1px solid #13689b; irmene
}

#header_controls {
height: 25px;

padding-top: 5px;
text-align: right;
padding-right: 17px;  
}
#header_controls a {
color: #fff;
}
#signups  {

}

#rightcolumn { 
 display: inline;
 color: #333;
 background-color: #fff; 
 margin-right: 0px;
 margin-top: 20px;
 margin-bottom: 10px;
 width: 160px;
 float: right;
}
#leftcolumn {
 margin-top: 20px;  
 margin-left: 10px;  
 float: left;
 color: #12679b;
 width: 728px; 
 display: inline;
 position: relative;
}

#indexcontainer{

float: left;
background-color: #fff;
border: 1px solid #b8cbd9;
margin-left: 10px;
margin-bottom: 10px;
width: 513px;
height: 150px;

}

#extendedinfo {
 
 width: 900px;
 clear: both;
 color: #333;
 margin-bottom: 10px;
 margin-left: 10px;
 
  
}
#extendedinfocontainer { 
  height: 430px;
  background:  url('/images/actioncontainerback.gif') repeat-x;
  border: 1px solid #B8CBD9;

 
 
}
#footer { 
 
 width: 900px;
 height:30px;
 clear: both;
 color: #666;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 
 
}
#language{
text-align: left;
width: 200px;
float:left;
font-weight:bold;
font-size:13px;
padding-left:10px;
}
#headerlinks{
float:right;

text-align: right;
}


#footer a {

}
a img,:link img,:visited img { border: none; }

a
{
  text-decoration: none;
  color: #E6673B;
  font-size: 13px;
  font-weight:bold;
}

a:hover
{
  text-decoration: underline;
  color: #FF6633;
  
}

#actioncontainer{
  padding: 10px;
  width: 710px;
  margin-bottom:10px;
  background-color:  #fff ;
  border: 1px solid #B8CBD9;
}

label,input {
	display: block;
	float: left;
	margin-bottom: 10px;
	
}

input,select,textarea {
border: 1px solid #ABBEBE;
background:#FFFFFF url(/images/inputBg.gif) no-repeat scroll left top;
}

fieldset{
padding:10px;
border:1px solid #12679b;
margin-top:10px;
}
legend {
  padding: 0.2em 0.5em;
  border:1px solid #E6673B;
  color:#E6673B;;
  font-size:90%;
  text-align:right;
  }
  
.formsubmit {
margin:5px;
text-align:right;
}
ul, li {
list-style-type:none;
}
li {
padding-left:30px;
}


.hiddeninput{

border:0;
background: none;
}
h2,h3{
color:#494d5c;
}
label {
	text-align: left;
	width: 150px;
	font-weight: bold;
	padding-left: 20px;
	
}

.formbutton {
	height: 35px;
		
}


.form-row {
	clear: left;
}

.clear { clear: both; background: none; }

#header_image {

width: 950px;
height:120px;
float: left;
padding:0px;
}

#sf_guard_auth_form {
width: 300px;
height:120px;
float: left;
padding: 10px;
color:#000;
}

#sf_guard_auth_form label{
width:120px;
font-weight: bold;
}
/* this block of CSS controls the tabs */

/**
 * Base styles for Tab Navigation standard
 * 
 * navset: container for tabs and optional subtabs
 * pri: primary tab navigation 
 * sec: secondary tab navigation
 * on: selected tab
 * orphan: optional non-tab link at end of list
 * first: Hook for first subtab link
 *
 * Usage:
 *    <div class="navset">
 *        <ul class="pri">
 *           <li><a><em>Home</em></a></li> (EM implies that these are more than just linked list items)
 *           <li class="on"><strong><em>News</em></strong></li> (STRONG emphasizes selected state)
 *           ...
 *        </ul> 
 *        <ul class="sec">
 *           <li><a>lorem</a></li>
 *           <li class="on"><strong>lorem</strong></li>
 *           ...    
 *        </ul> 
 *     </div>
 *
 */
 
/* base styles for extending/overriding */

/* primary tabs */
.navset {border-bottom:0px solid #13689b;}
.navset h3, .navset h4 {position:absolute;left:000em;margin:0;}
.navset .hd li em {font-weight:bold;}
.navset .hd li a {color:#fff;}
.navset .hd li.on strong, .navset .hd li.on strong a {color:#fff;} /* selected tab */
.navset .hd li.on strong {background-color:#0000;border-bottom:0px solid #13689b;} /* border-color should match selected color */
.navset .hd li.orphan, .navset .hd li.orphan a {color:#999;}

/* bg images, defaults to #999 border-color on white bg */
/*.navset .hd li a, .navset .hd li strong {background:#13689b url(/images/tr_999.gif) no-repeat top right;}*/
 /* .navset .hd li em {background:transparent url(/images/tl_999.gif) no-repeat;}*/

/* secondary tabs */
/*.navset .bd ul {background-color:#F2F3F5;border-color:#999;} */
.navset .bd li, .navset .bd li a {color:#06c;}
.navset li.on, .navset li.on strong {font-weight:bold;}
.navset .bd li {border-color:#ccc;} /* pipe divider */

/* end base styles */

/* Network tab standards, shouldn't change */

/* shared pri and sec */
.navset {width:950px;height:50px; background:  url('/images/menu_ust.png') ;} /* IE: width */
.navset a {text-decoration:none;height:0}
.navset ul, .navset li { margin:0;padding:0;list-style:none;}
.navset li {float:left;display: inline;margin-top:20px;}
.navset li a:hover { text-decoration:underline}
.navset ul:after {clear:both;content:'.';display:block;height:0;visibility:hidden;} /* clear non-IE */
.navset ul {zoom:1;} /* clear IE */

/* primary tabs
.navset .hd ul {margin-bottom:-1px;padding-left:10px;position:relative;} /* IE quirks mode: relative */
  .navset .hd li {margin-right:.233em;padding:0;}
.navset .hd li.on strong a {cursor:default;}
/* .navset .hd li a, .navset .hd li strong, .navset .hd li em {display:block;}
.navset .hd li a, .navset .hd li strong {*display:inline-block;}  /* IE: 100% clickable */
  .navset .hd li em {font-style:normal;padding:.15em .6em;}
  .navset .hd li.orphan, .navset .hd li.orphan a, .navset .hd li.orphan em {background:transparent none;border-width:0;margin:0;} */
  
/* secondary tabs */
.navset .bd ul {border-top-width:1px;border-top-style:solid;margin:0;padding:.10em 0 .6em .4em;}
.navset .bd li {border-left-style:solid;border-left-width:1px;display:inline;padding:0 10em;}
.navset .bd li.first {padding-left:0;border:0;}
		
/* imagebtn */
.imagebtn_{
/*<!--background: transparent url('/images/button.gif') left no-repeat;-->*/
border: 0;
text-align:center;
margin-top:30px; 
height: 30px;
width:80px;
margin-left:30px;
color: #12679b;
font-weight: bold;
font-size:12px;
margin-left:-89px;
float:left;
cursor:pointer
}
.imagebtn{
background: transparent url('/images/button.gif') left no-repeat;
border: 0;
text-align:left;
margin-top:10px;
padding-left: 35px;
height: 35px;
color: #12679b;
font-weight: bold;
font-size:18px;
float:right;
cursor:pointer
}


.imagebtn:visited{
color: navy;
}

.imagebtn:hover{
 
color: #FF6633;
font-size:18px;
cursor:pointer
}

.imagebtn:active{
color: navy;
}

#steponecontrols {
width: 178px;
}

#steponecontrolscontainer {
width: 180px;
background-color: #fff;
border: 1px solid #b8cbd9;
padding: 10px;
float: left;
height:auto !important;
min-height:580px;
height:auto !important;
height:580px;
}



#steponesubmit{
float:left;
width:180px;
}
#steptwo {
width: 728px;
float: left;



}

/* transport display related styles begins  */
#transportoptionscontainer{
width: 728px;
margin-left: 10px;
}
#transportoptionsheader{
background-color: #006699;
border: 1px solid #006699;
color: #fff;
width: 708px;
font-weight:bold;

}


#transportoptions{
margin-top: 5px;
float: left;
width: 708px;
background-color: #fff;
border: 1px solid #B8CBD9;

}

#transportoptions:hover{
margin-top: 5px;
float: left;
width: 708px;
border: 1px solid #ff6633;

}
#transportpicture{
float: left;
width: 60px;
padding: 5px;
}

#transportname{
float: left;
padding: 5px;
width: 40px;
}


#transportestimation{
float: left;
padding: 5px;
width: 60px;
}

#transportdescription{
float: left;
padding: 5px;
width: 260px;
}
#transportcapacity{
float: left;
padding: 5px;
width: 50px;
}
#transportonewayprice{
float: left;
padding: 5px;
width: 80px;
}
#transporttwowayprice{
float: left;
padding: 5px;
width: 80px;
}
/* transport display related styles ends  */

#flightdetail{
float: left;
width: 300px;
padding: 10px;
}

#passengerdetail{
padding: 10px;
float: left;
}
/* auto complete begins  */
div.auto_complete
{
  width: 350px;
  background: #fff;
}

div.auto_complete ul
{
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
  border: 1px solid #bbb;
}

div.auto_complete ul li
{
  margin: 0;
  padding: 3px;
  border-bottom: 1px solid #eee;
  list-style-type: none;
  background-color: #13689b;
  color:#fff;
}

div.auto_complete ul li.selected
{
  background-color: #3366ff;
  color: #13689b;
}

div.auto_complete ul strong.highlight
{
  margin: 0;
  padding: 0;
  color: #800;
}
/* auto complete ends  */

#onewayinfo {
background-color: #fff;
border: 1px solid #b8cbd9;
padding: 10px;

}
#returninfo {
background-color: #fff;
border: 1px solid #b8cbd9;
padding: 10px;
}
#passengerinfo {
background-color: #fff;
border: 1px solid #b8cbd9;
padding: 10px;
width:350px;
}
#stepinfo {
width: 708px;
height: 60px;
background-color: #fff;
border: 1px solid #b8cbd9;
padding: 10px;

}

#smallstep{
font-size:14px;
font-weight: bold;
color: #e3f48e;
}

#bigstep{
font-size:20px;
color: #e3f48e;
font-weight: bold;
}

#preview1{
background-color: #fff;
padding:10px;
width:330px;
border: 1px solid #b8cbd9;
}

#preview2{
background-color: #fff;
padding:10px;
width:330px;
border: 1px solid #b8cbd9;
float:left;
}

#previewheader{
font-weight: bold;
font-size: 12px;
margin-top: 50px;

}

#previewmainheader{
text-decoration: underline;
margin-bottom: 5px; 
}

#subpreview{
background-color: #f3f7fa;
padding:10px;
border: 1px solid #b8cbd9;
}

#preview1container{
float:left;
padding-right: 10px;
}

#editpersonaldataform{
background-color: #fff;
padding:10px;
width:500px;
border: 1px solid #b8cbd9;
}

#registration_form{
background-color: #fff;
padding:10px;
width:550px;
border: 1px solid #b8cbd9;
}

#changepassword_form{
background-color: #fff;
padding:10px;
width:500px;
border: 1px solid #b8cbd9
}

#changeusername_form{
background-color: #fff;
padding:10px;
width:500px;
border: 1px solid #b8cbd9
}

#formpartial{
width: 250px;
}

#formpartial input{
margin-bottom: 0px;
float:none;
}

#pickupcontrols , #arrivalcontrols{
margin-top: 14px;
}

#myreservationscontainer {
background-color: #fff;
padding:10px;
width:720px;

border: 1px solid #b8cbd9;
}

.myreservationsitem {
background-color: #b8cbd9;
width:698px;
border: 1px solid #fff;
}


#myreservationsnumber {
float: left;
padding:10px;
width:70px;
color: #e6673b;

}
#myreservationsnumber  a{
color: #e6673b;
}

#myreservationsdescription{
float: left;
padding:10px;
font-weight: bold;
width:340px;
}
#myreservationsdate{
float: left;
padding:10px;
font-weight: bold;
width:150px;
}

#myreservationscontrols{
float: left;
width:60px;
padding: 5px;
}

.myreservationsdetails{
float: left;
padding-left: 5px;
}


#preview3{
background-color: #fff;
padding:10px;
width:310px;
border: 1px solid #b8cbd9;
float:left;
}

#setaccountant_form{
background-color: #fff;
padding:10px;
width:500px;
border: 1px solid #b8cbd9
}

#setofficers_form{
background-color: #fff;
padding:10px;
width:525px;
border: 1px solid #b8cbd9;
}

#asksupport_form{
background-color: #fff;
padding:10px;
width:720px;
border: 1px solid #b8cbd9;

}

#unansweredquestions{
background-color: #fff;
padding:10px;
width:720px;
border: 1px solid #b8cbd9;
}


#answeredquestions{
background-color: #fff;
padding:10px;
width:720px;
border: 1px solid #b8cbd9;
}

#searchquestions{
background-color: #fff;
padding:10px;
width:720px;
border: 1px solid #b8cbd9;
}


#viewagentstaff
{
background-color: #fff;
padding:10px;
width:550px;
border: 1px solid #b8cbd9;
color: #e6673b;
font-weight: bold;
font-size: 12px;
}

#agentstafftitle
{

}

#agentstafficon
{
text-align: right;
}
#staffcontainer
{
background-color:#b8cbd9;
padding: 10px;
}

.stafflist
{
background-color:#b8cbd9;
border-bottom: 1px solid #fff;
padding: 5px;
}

/* Support system begins */
#supportitemheader{
background-color: #b8cbd9;
padding:10px;
width:688px;
border: 1px solid #fff;
font-weight: bold;
font-size: 11px;
color: #e6673b;
}
#supportitem{
background-color: #b8cbd9;
padding:5px;
width:698px;
border: 1px solid #fff;

}

#ticketnumber{
width: 50px;
float: left;
text-align: center;
}

#supportdepartment{
float:left;
width: 80px;
text-align: center;
}

#supporttopic{
float:left;
width: 80px;
text-align: center;
}

#supportreservation{
float:left;
width: 80px;
text-align: center;
}

#supporttexts{
font-weight: bold;
text-align: block;
}



#question{
float:left;
width: 230px;
}
#date{
float:left;
width: 150px;
}

/* Support system ends */
/* highslide begins */
 ul#destinationlist li:hover
{
color: #135880;
background-color: #b8cbd9;
}
/* highslide ends */

/*admin begins */

#admininformation{

 display: inline;
 background-color: #fff;
 color: #333;
 margin-left: 10px;
 padding: 10px;
 width: 210px;
 float: left;

border: 1px solid #b8cbd9;
}


#operationreservationscontainer {
background-color: #fff;
padding:10px;
width:720px;
float: left;
border: 1px solid #b8cbd9;
}
#reservationreportcontainer {
background-color: #fff;
padding:10px;
width:710px;
float: left;
font-size: 10px;
border: 1px solid #b8cbd9;
}
#reservationreportcontainer a {
font-size: 10px;
}



/* pagination css */

.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 12px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
padding-left:0;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none;
color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #000;
background-color: lightyellow;
}

.pagination li.currentpage{
font-weight: bold;
padding: 0 5px;
border: 1px solid navy;
background-color: #2e6ab1;
color: #FFF;
}

.pagination li.disablepage{
padding: 0 5px;
border: 1px solid #929292;
color: #929292;
}

.pagination li.nextpage{
font-weight: bold;
}

* html .pagination li.currentpage, * html .pagination li.disablepage{ /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
margin-right: 5px;
padding-right: 0;
}
/*   end of pagination css    */

#controls {

background-color: #b8cbd9;
width:718px;
border: 1px solid #fff;
font-weight: bold;
font-size: 11px;
color: #071c2f;
}

.simpletable {
background-color: #fff;
border-collapse:collapse;
margin:1em 0pt;
width:100%;
border: 1px outset #12679b;
}

.simpletable thead{
background-color: #12679b;
text-align:left;
color:#fff;
border-collapse:collapse;
margin:1em 0pt;
width:100%;
height:30px;

}
.simpletable th{
padding-left: 5px;
text-align:left;
}

.simpletable td {
color:#135880;
font-family:"Lucida Grande",Helvetica,Verdana,Arial,sans-serif;
font-size:0.9em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding:0.5em;
}
.simpletable td.altrow {
background-color:#384949;
}
.sortable {
background-color: #fff;
border-collapse:collapse;
margin:1em 0pt;
width:100%;
border: 1px outset #12679b;
}

.sortable thead{
background-color: #12679b;
text-align:left;
color:#12679b;
border-collapse:collapse;
margin:1em 0pt;
width:100%;
height:30px;

}
.sortable th{
background-color: #12679b;
padding-left: 5px;
text-align:left;
}

.sortable a{
color:#fff;
font-size:1em;
}

.sortable td {
color:#12679b;
font-family:"Lucida Grande",Helvetica,Verdana,Arial,sans-serif;
font-size:0.9em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding:0.5em;
}
.sortable td.altrow {
background-color:#384949;
}




/*-------------- grid table css --------------------------------------*/

table.grid {
  text-align: left;
  font-family: "Lucida Grande",Helvetica,Verdana,Arial,sans-serif;
  font-weight: normal;
  font-size: 11px;
  border: 1px #E6673B solid;
  border-collapse: collapse;
  border-spacing: 1px;
}
table tr.gridHeader {
  background: url('/images/header.jpg') repeat-x;
  border: 1px #E6673B solid;
  border-collapse: collapse;
  border-spacing: 1px;
}
table tr.gridOdd {
  background: #135880;
  border: 1px #E6673B solid;
  border-collapse: collapse;
  border-spacing: 1px;
}
table tr.gridEven {
  background: #b8cbd9;
  border: 1px #E6673B solid;
  border-collapse: collapse;
  border-spacing: 100px;
}

table td.gridHeader {
  background: url('/images/header.jpg') repeat-x;
  border: 1px #E6673B solid;
  padding: 4px;
  text-align: center;
  font-weight: bold;
  font-size: 11px;
}

table td.gridDataOdd {
  background: #135880;
  border: 1px solid #E6673B;
  padding: 4px;
  text-align: center;
  
  font-size: 11px;
}
table td.gridDataEven {
  background: #b8cbd9;
  border: 1px solid #E6673B;
  padding: 4px;
  text-align: center;
  font-size: 11px;
}

/*---- end of grid css ---------------*/

#creditamountcomp {
border: 1px solid #b8cbd9;
background: #12679b;
color: #fff;
padding: 5px;
}

#transactionscontainer {
background-color: #fff;
padding:10px;
width:720px;
float:left;
border: 1px solid #b8cbd9;
}

.odd {
  background-color: #ddd;
}
.even {
  background-color: #fff;
}
thead {background-color: #fff; }

.alert{
background: #ff6633 url('/images/exclamation.png') no-repeat;
padding-left: 20px;
color: #fff;

}
#destinationleft{
width: 340px;
float:left;
}
#destinationright{
width: 350px;
float:left;
}

#supportitems {
background-color: #fff;
}
clearfix:after  {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
* html .short {height: 1%;}
* html .long {height: 1%;}

.clearfix {display: block;}

#testimonials {
background-color:#FFFFFF;
border:1px solid #B8CBD9;
height: 260px;
float:left;
padding:10px;
width:493px;
margin-left: 10px;
margin-top: 10px;
color:#494d5c;
}

#connexindexads
{
background-color:#FFFFFF;
border:1px solid #B8CBD9;
height: 190px;
float:left;
padding:10px;
width:493px;
margin-left: 10px;
}

#destinationinfo li
{
padding-left: 0px;
height: 50px;
margin-bottom: 5px;
}

#destinationinfo li:hover
{
background-color:#B8CBD9;
}
#prices{
font-size: 12px;
}