/* common */
html											{width:100%; height:100%;}
body											{width:100%; height:100%; color: #000000; padding: 0px; margin: 0px;}
a													{text-decoration: none; color:#878787;}
a:hover 									{text-decoration: underline;}
a:focus, a:active         {outline: none;} 
img												{border: 0px;}
p													{margin: 0px;}
table											{margin: 0px; border-collapse: collapse; empty-cells: show;}
td												{font-family: Verdana, Arial, Serif; font-size: 11px; border: 0px; padding: 5px; vertical-align: top; cursor: default;}
table.all									{width:100%; height:100%; background-image:url('graphics/background_footer.gif'); background-position: bottom left; background-repeat:repeat-x;}
td.header									{height:385px; background-image:url('graphics/background_header.gif'); background-position: top left; background-repeat:repeat-x;}
td.content								{width:770px;}
td.footer									{width:770px; height:105px; vertical-align:bottom; background-image:url('graphics/logos_background.gif'); background-position: bottom left; background-repeat:no-repeat;}
a.fsi											{font-family: Verdana, Arial; font-size:9px; color:#06305b;}
table#logos								{width:770px; height:98px;}
td#logos_2								{width:371px; height:88px; vertical-align: bottom; padding-bottom:24px; padding-left:1px;}
td#fsi										{height:98px; vertical-align: bottom; padding-bottom:0px;}
.sto											{width:100%;}
.article .sto{width:908px;}
.sto .sto{width:100%;}

/* main */
td.frame_header						{width:260px;height:0px;}
td.frame_content					{width:260px;background-color:#fff;padding:0px;border:1px solid #ddd;padding:5px;}
td.frame_content table				{width:260px;background-color:#e8e4d8;}
td.frame_footer						{width:260px;height:0px;}
td.trip_image						{padding:5px;}
td.trip_image img{border:5px solid #fff;}
td.trip_desc						{width: 100%; background-image:url('graphics/trip_desc_background.gif'); height: 50px; background-position: top left; background-repeat:no-repeat; font-size:11px; font-weight:bold; padding:2px 8px 2px 8px;}
td.trip_desc_2						{height:2px; background-image:url('graphics/trip_desc_background_2.gif'); background-position: top left; background-repeat:no-repeat;}
table#content_top					{width:918px;background-color:#fff;margin-top:-20px;}
td.content_top_2					{padding:0px;padding-left:0px;padding:5px;color:#444;padding-top:10px;background-color:#fff}
table.offer_row						{margin-bottom:0px;}

/* trip */
table#title h1												{font-size:22px; font-weight:normal; margin:0px 0px 7px 0px;background-color:#fff;}
table#title td			{padding:0px;}
table#title td#options_content {padding:0px;}	
table#title td#options_content form{float:left;background-color:#e8e4d8;padding:10px;border:1px solid #dad4c0;}
td.options_duration				{font-weight:bold; padding:0px 0px 0px 0px;border-right:5px solid #fff; text-align:right;}
td#slideshow							{width:380px;}
table#title								{width:100%; height:338px; color:#06305B;}
table#title	h1					{width:100%;padding-left:0px;padding-bottom:10px;}
table#title1								{width:100%; color:#06305B;}
img.transport							{margin-right:5px;}
td#options_main						{vertical-align:bottom;}
td#options_top						{height:0px;padding:0px;}                
td#options_bottom					{height:0px;}
table#departure						{width:908px; margin-top:13px;}
td#departure_top					{height:2px; background-color:#fff;}
td#departure_content			{font-size:11px; line-height:13px;background-color:#fff; padding:0px;color:#444;}
td#departure_bottom				{height:2px; background-color:#fff;}
div#trip_description			{font-size:12px; line-height:18px; margin-bottom:10px; text-align:justify;}
p#print										{text-align:right;}

table.form                {width: 485px;background-color:#e8e4d8;}
table.form td.nazwa       {width: 60px; padding-left: 20px; vertical-align: middle;}
table.form td.left        {width: 4px; background-image: url('graphics/in_left.gif'); background-repeat: no-repeat; background-position: top;}


table.dropdown
				{width: 276px; height: 24px; padding: 0px; margin: 0px; border-collapse: collapse; empty-cells: show; border: none; }
table.dropdown td.text
				{width: 249px; height: 24px; padding: 0px; margin: 0px; vertical-align: middle;}
table.dropdown td.text input
				{border: 0px solid; width: 249px; height: 18px; padding-top: 4px; background-repeat: repeat-x; background-image: url('graphics/in_middle.gif'); margin: 0px;  font-size: 10px; font-family: Verdana; text-align: center;}
table.dropdown td.arrow
				{width: 27px; height: 24px; background-image: url('graphics/in_arrow.gif'); background-position: left; margin: 0px;}
				
table.form td.f_text
				{width: 249px; height: 24px; padding: 0px; margin: 0px; vertical-align: middle;}
table.form td.f_text input
				{border: 0px solid; width: 249px; height: 18px; padding-top: 4px; background-repeat: repeat-x; background-image: url('graphics/in_middle.gif'); margin: 0px;  font-size: 10px; font-family: Verdana; text-align: center; }
table.form td.f_arrow
				{width: 27px; height: 24px; background-image: url('graphics/in_arrow.gif'); background-position: left; margin: 0px;}
				
div.dropdown	{width: 253px; height: 150px; border: 1px solid #dbcfc6; background-color: #FFFFFF; margin-top: -6px; margin-left: -3px;}
div.dropdown table
				{width: 233px;}
div.dropdown tr.option td
				{background-color: #FFFFFF;  text-align: center; padding: 1px 2px 1px 2px; line-height: 13px; cursor: pointer; font-size: 10px; font-family: Verdana}
div.dropdown tr.option td.selected
				{background-color: #f0f0f0;}
div.dropdown tr.option td.hover
				{background-color: #f0f0f0; }
				
td.miedzy   {height: 5px;}

td.odstep   {height: 0px;}

td.trip         {color: #41434f; width: 535px; height: 38px; vertical-align: middle; text-align: left; padding-left: 10px;}    
td.price        {color: #41434f; width: 95px; height: 38px; padding-left: 10px; border-bottom:2px solid #ccc;} 
td.persons      {color: #41434f; width: 75px; height: 38px; padding-left: 10px; vertical-align: middle;}
td.payment     {color: #41434f; width: 75px; height: 38px; padding-left: 10px; vertical-align: middle;}
td.vou_del      {color: #41434f; width: 80px;height: 38px; text-align: center;  vertical-align: middle; font-weight: bold}

td.trip_t       {color: #41434f; background-color: #eee; width: 380px; height: 38px; vertical-align: middle; text-align: left; padding-left: 10px;}    
td.price_t      {color: #41434f; width: 95px; height: 38px; padding-left: 10px; background-image: url('graphics/tlo_ciemne.gif'); background-repeat: repeat-y; vertical-align: middle;} 
td.persons_t    {color: #41434f; background-color: #eee; width: 105px; height: 38px; padding-left: 10px; vertical-align: middle;}
td.payment_t    {color: #41434f; background-color: #eee; width: 75px; height: 38px; padding-left: 10px; vertical-align: middle;}
td.vou_del_t    {color: #41434f; background-color: #eee; width: 80px; text-align: center; vertical-align: middle;}


td.trip_t_j     {color: #41434f; background-color: #ddd; width: 380px; height: 38px; vertical-align: middle; text-align: left; padding-left: 10px;}    
td.price_t_j    {color: #41434f; width: 95px; height: 38px; padding-left: 10px; background-image: url('graphics/tlo_jasne.gif'); background-repeat: repeat-y; vertical-align: middle;} 
td.persons_t_j  {color: #41434f; background-color: #ddd; width: 105px; height: 38px; padding-left: 10px; vertical-align: middle;}
td.payment_t_j  {color: #41434f; background-color: #ddd; width: 75px; height: 38px; padding-left: 10px; vertical-align: middle;}
td.vou_del_t_j  {color: #41434f; background-color: #ddd; width: 80px; text-align: center;  vertical-align: middle;}


td.price_d      {color: #41434f; width: 95px; height: 42px; padding-left: 10px; background-image: url('graphics/tab_dol.gif'); background-repeat: no-repeat; vertical-align: middle;}
td.trip_d       {color: #41434f; text-align: right; padding-right: 10px; vertical-align: middle;}

table.formularz               {width: 610px;margin-left:154px;}
table.formularz  td{padding:0px;padding-right:10px;}
table.formularz td.topowa     {width: 669px; height: 0px;}
table.formularz td.downowa    {width: 669px; height: 0px;}
table.formularz td.srodkowa   {width: 906px; padding:0px;padding-top:20px;padding-bottom:20px;background-color:#e8e4d8;border:1px solid #dad4c0;}

td.inpt      {width: 50%; height: 35px; padding: 12px 15px 2px; text-align: left;}
td.inpt_log  {width: 50%; height: 35px; padding: 12px 15px 2px; text-align: left; font-size: 13px; vertical-align: middle; font-family: Verdana; }
td.item      {width: 95%;  height: 35px; padding: 12px 0px 2px 0px; font-size: 13px; vertical-align: middle; font-family: Verdana; text-align:right;}

table.in_form               {width: 320px;}
table.in_form td.left_in    {width: 5px; height: 29px; background-image: url('graphics/form/textfield_lewy.gif'); background-repeat: no-repeat; background-position: right;}  
table.in_form td.middle_in  {width: 308px; height: 29px; background-image: url('graphics/form/textfield_srodek.gif'); background-repeat: repeat-x;}
input.formik                {border: 0px; padding-top: 5px; width: 308px; background: transparent; font-family: Verdana}
input.formike               {border: 0px; padding-top: 5px; width: 308px; background: transparent; font-family: Verdana; color: red;}
table.in_form td.right_in   {width: 7px; height: 29px; background-image: url('graphics/form/textfield_prawy.gif'); background-repeat: no-repeat; background-position: left;}


td.check_box          {width: 3%; text-align: left; vertical-align: middle;}
td.check_text         {width: 97%; text-align: left; vertical-align: middle; padding-left: 10px; font-size: 13px; font-family: Verdana;}
td.pay                {padding-left: 12px; width: 80%; text-align: right; padding-top: 5px;}
td.pay_text           {text-align: left; width: 20%; vertical-align: middle; font-size: 13px; font-family: Verdana; cursor: pointer;}

td.rad_text           {width: 50%; text-align: left; vertical-align: middle; padding-left: 3px; font-size: 13px; font-family: Verdana}
td.rad                {width: 5%; text-align: right;}

td.back               {text-align: left; vertical-align: middle; cursor: pointer;width:50%;}
td.forward            {text-align: right; vertical-align: middle; cursor: pointer;width:50%;}

td.vou_number         {width: 100%; height: 40px; vertical-align: middle; font-weight: bold; text-align: left; padding-left: 10px;}
td.vou                {text-align: left; padding-left: 10px; width: 100%;}
td.vou_n              {text-align: left;  width: 100%;}
td.ord_name           {height: 20px; width: 30%; text-align: left; font-size: 12px;}
td.ord_item           {width: 70%; text-align: left; font-size: 12px;}

td.aten               {text-align: center; font-weight: bold; font-size: 13px; height: 100px; vertical-align: middle;}
td.a_miedzy           {height: 7px;}
td.b_miedzy           {height: 20px;}
td.druk_vou           {text-align: right;}

td.dep                {text-align: left; padding-top: 5px;  padding-bottom: 5px;} 
td.dep table td       {padding: 2px;} 


table.ramka           {width:100%;}
table.ramka td.l_g    {height:2px;width:3px;background-color:#fff;}  
table.ramka td.l      {width:3px;background-color:#fff;}
table.ramka td.l_d    {width:3px;height:3px;background-color:#fff;}
table.ramka td.g      {height:2px;background-color:#fff;}
table.ramka td.p_g    {width:3px;height:2px;background-color:#fff;}
table.ramka td.s      {width:197px;background-color:#fff;font-weight:bold;height:15px;padding:0px;}
table.ramka td.s      a{text-decoration:none;color:#1867a0;}
table.ramka td.s      a:hover{text-decoration:none;color:#568301;}
table.ramka td.p      {width:3px;background-color:#fff;}
table.ramka td.p_d    {width:3px;height:3px;background-color:#fff;}
table.ramka td.d      {width:3px;background-color:#fff;}


#staty {float:right; margin-right:15px; }

/******************************************************************************/
.agent_list_item {
  cursor: pointer;
  background: #eee;
  }
.agent_list_item:hover {
  cursor: pointer;
  background: #ccc;
  }
/*****************************************************************************/
#ordersFilter {
  width: 100%;
  background: #eee;
}

#orders {
  width: 100%;
  }
#orders th {
  padding: 4px 2px;
  vertical-align: middle;
  color: #41434F;
  background: url('graphics/table_header.gif') top left repeat-x;
  height: 50px;
  border: 1px solid #fff;
  border-bottom: 2px solid #fff;
  }
#orders td {
  padding: 8px 2px;
  vertical-align: middle;
  text-align: center;
  color: #41434F;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  }
#orders tr.light {
  background: #E7E4D9;
  }
#orders tr.dark {
  background: #D9D6C9;
  }
#list_of_agents {
  width: 100%;
  }
#list_of_agents th {
  padding: 4px 2px;
  vertical-align: middle;
  color: #41434F;
  background: url('graphics/table_header.gif') top left repeat-x;
  height: 50px;
  border: 1px solid #fff;
  border-bottom: 2px solid #fff;
  }
#list_of_agents td {
  padding: 8px;
  vertical-align: middle;
  text-align: center;
  color: #41434F;
  cursor: pointer;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  }
#list_of_agents tr.light {
  background: #E7E4D9;
  }
#list_of_agents tr.dark {
  background: #D9D6C9;
  }
#list_of_agents tr.light:hover {
  background: #b5b5b5;
  }
#list_of_agents tr.dark:hover {
  background: #b5b5b5;
  }
.panel_row {
  clear: both; 
  overflow: auto; 
  border-bottom: 1px solid #e7e4d9;
  padding: 10px 0;
  }
#stronicowanie {
  text-align: center;
  padding: 10px;
  }
#stronicowanie a {
  color: #776e4e;
  text-decoration: none;
  font-size: 12px;
  padding: 10px 3px;
  }
#stronicowanie a:hover {
  text-decoration: underline;
  }
#stronicowanie a.current {
  color: #000;
  text-decoration: underline;
  font-weight: bold;
  }
#stronicowanie a.prev {
  background: transparent url('/graphics/filter_orders_prev.gif') center left no-repeat;
  padding-left: 20px;
  margin-right: 20px;
  line-height: 20px;
  }
#stronicowanie a.next {
  background: transparent url('/graphics/filter_orders_next.gif') center right no-repeat;
  padding-right: 20px;
  margin-left: 20px;
  }
