/*
'' -------------------------------------------------------------
'' eSRO Basket Site
'' Version: 3.2.6 
'' Dec 28, 2006 
'' Powered by: TopTix LTD.
'' -------------------------------------------------------------
'' default.css - default main style sheet
'' -------------------------------------------------------------
*/

/* -------------------------------- Body -------------------------------- */
.body_css
{
    font-family: verdana;
    font-size: 10px;
    margin:0px;
}
.seat_plan_body_css
{
	font-family: verdana;
    font-size: 10px;
    margin:0px;
    border:0px;
}
/* -------------------------------- Main Menu -------------------------------- */
.main_menu_background
{
    background-color: ;
    font-size:11px;
    padding-left:6px;
    padding-right:6px;
}

.main_menu_header
{
    height:23px;
    padding-left:9px;
    color:#4a8c75;
}

.main_menu_group
{
	cursor: hand;
}

.main_menu_caption
{
	HEIGHT: 19px;
	vertical-align: middle;
	background-color: #9191FF;
	color:#12127D;
	text-align:center;
	font-size: 11px;
	padding-left:2px;
	padding-right:2px;
	font-weight:bold;
	cursor: hand;
}

.main_menu_caption_hover
{
    HEIGHT: 19px;
    vertical-align: middle;
    background-color: #c5dcd3;
    color:#12127D;
    cursor:pointer;cursor:hand;
    text-align:center;
    font-size: 11px;
    padding-left:2px;
    padding-right:2px;
    font-weight:bold;

}

.main_menu_item
{
	background-color:#C8C8FF;
	height:17px;
	color:#12127D;
	text-decoration:none;
	font-size:10px;
	padding-left:2px;
	padding-right:2px;
	text-align:center;
	cursor: hand;
}

.main_menu_item_hover
{
	background-color:#E9E9FF;
	height:17px;
    color:#6D6DBF;
	text-decoration:none;
	font-size:10px;
	padding-left:2px;
	padding-right:2px;
	text-align:center;
	cursor:hand;
	cursor:hand;
	font-style: normal;
	font-weight: bold;
	filter: Xray;
}

.main_menu_separator
{
    height:14px;

}

/* -------------------------------- Float Menu -------------------------------- */
.float_menu_background
{
   
}

.float_menu_item
{
    padding-left: 2px;
    padding-right: 2px;
    color: #484848;
    font-size:11px;
}

.float_menu_item_hover
{
    cursor:pointer;cursor:hand;
    padding-left: 2px;
    padding-right: 2px;
    color: #484848;
    font-size:11px;
}

.float_menu_separator
{
    padding-left: 1px;
    padding-right: 1px;
    color: #cccccc;
}

.float_menu_image
{

}

.float_menu_image_hover
{

}

/* -------------------------------- Buttons -------------------------------- */
.small_button_a
{
    background-color: #12127d;
    color: white; 
    height: 18px;
    font-size: 9px;
    border-right: 1px solid #9191FF;
    border-bottom: 1px solid #9191FF;
    border-left: 1px solid #C8C8FF;
    border-top: 1px solid #C8C8FF; 
    text-align: middle;
    font-family: verdana;

}

.small_button_a_hover
{
    background-color: #9191FF;
    color: white; 
    height: 18px;
    font-size: 9px;
    border-right: 1px solid #9191FF;
    border-bottom: 1px solid #9191FF;
    border-left: 1px solid #C8C8FF;
    border-top: 1px solid #C8C8FF; 
    cursor:pointer;cursor:hand;
    text-align: middle;
    font-family: verdana;

}
.small_button_a_disabled
{
	border-top: #999999 1px solid;
	border-right: #999999 1px solid;
	border-left: #999999 1px solid;
	border-bottom: #999999 1px solid;
	font-size: 9px;
	font-family: verdana;
	height: 18px;
	background-color: #e8c5b0;
	color: gray;
    text-align: middle;
}
.small_button_b
{
    background-color: #9191FF;
    color: white; 
    height: 18px;
    font-size: 9px;
    border-right: 1px solid #9191FF;
    border-bottom: 1px solid #9191FF;
    border-left: 1px solid #C8C8FF;
    border-top: 1px solid #C8C8FF; 
    text-align: middle;
    font-family: verdana;

}

.small_button_b_hover
{
    background-color: #9191FF;
    color: white; 
    height: 18px;
    font-size: 9px;
    border-right: 1px solid #9191FF;
    border-bottom: 1px solid #9191FF;
    border-left: 1px solid #C8C8FF;
    border-top: 1px solid #C8C8FF; 
    cursor:hand;cursor:hand;
    text-align: center;
    font-family: verdana;

}

.small_button_c
{
    background-color: #9191FF;
    color: white; 
    height: 18px;
    font-size: 9px;
    border-right: 1px solid #9191FF;
    border-bottom: 1px solid #9191FF;
    border-left: 1px solid #C8C8FF;
    border-top: 1px solid #C8C8FF; 
    text-align: middle;
    font-family: verdana;

}

.small_button_c_hover
{
    background-color: #9191FF;
    color: white; 
    height: 18px;
    font-size: 9px;
    border-right: 1px solid #9191FF;
    border-bottom: 1px solid #9191FF;
    border-left: 1px solid #C8C8FF;
    border-top: 1px solid #C8C8FF; 
    cursor:pointer;cursor:hand;
    text-align: middle;
    font-family: verdana;
}

.medium_button_a
{
    font-size : 10px; 
    font-family: Verdana;
    background-color:#12127d;
    height:21px;
    /*border-top:0px;
    border-left:0px;*/
    border-right: 1px solid #9191FF;
    border-bottom: 1px solid #9191FF;
    border-left: 1px solid #C8C8FF;
    border-top: 1px solid #C8C8FF; 
    color:#ffffff;
}

.medium_button_a_hover
{
    font-size : 10px; 
    font-family: Verdana;
    background-color:#9191FF;
    height:21px;
    /*border-top:0px;
    border-left:0px;*/
    border-right: 1px solid #9191FF;
    border-bottom: 1px solid #9191FF;
    border-left: 1px solid #C8C8FF;
    border-top: 1px solid #C8C8FF;
    color:#ffffff;
}

/* -------------------------------- Text Area -------------------------------- */
.text_area_a
{
    width:100px;
 
}

.text_area_a_hover
{
    width:100px;

}
.text_area_b
{
    width:160px;
    font-size:9px;
}

.text_area_b_hover
{
    width:160px;
    font-size:9px;
}

/* -------------------------------- Text -------------------------------- */

.small_text_a
{
    font-size: 10px;
    color:#828282;
}

.small_text_a_hover
{
    color:#828282;
}

.small_text_b
{
    font-size: 12px;
    color:#616161;
}

.small_text_b_hover
{

}

.small_text_c
{
   font-size: 11px;
    color:#000000;
    text-decoration:none;
}

.small_text_c_hover
{
    font-size: 11px;
    color:#000000;
    font-family: verdana;
}

.small_text_d
{
    font-size: 12px;
    color:#12127D;
    font-weight:bold;
}

.small_text_d_hover
{
    font-size: 12px;
    color:#12127D;
    font-weight:bold;
    cursor:pointer;cursor:hand;
    text-decoration:underline;
}

.small_text_e
{
    font-size: 10px;
    color: #d0d0d0;
    font-weight: bold;
    font-family: verdana;

}

.small_text_e_hover
{
    font-size: 10px;
    color: #d0d0d0;
    font-weight: bold;
    font-family: verdana;
}

.medium_text_a
{
    font-size: 12px;
    color:#616161;
    font-weight:bold;
}

.medium_text_a_hover
{

}

.medium_text_b
{
    color: #000000;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    font-family: verdana;
}

.medium_text_b_hover
{

}

.medium_text_c
{

}

.medium_text_c_hover
{

}

.medium_text_d
{

}

.medium_text_d_hover
{

}

.medium_text_e
{

}

.medium_text_e_hover
{

}

.must_field
{
   font-size : 12px; 
   color:#990033; 
   font-weight : bold; 
}

/* -------------------------------- Screen Object -------------------------------- */

.screen_object_background_a
{
    background-color: #;
border-width:1px;
border-style:solid;
border-color:#c5dcd3;
}

.screen_object_seperator_a
{
    /*border-bottom = 1px solid #12127D; */
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#12127d;

}

.screen_object_caption_a
{
    background-color:#9191FF;
    height:24px;
    color:#12127D;
    font-size:11px;
    text-transform: uppercase;
}

.screen_object_background_b
{
   background-color:#C8C8FF;
}

.screen_object_caption_b
{
    background-color:#9191FF;
    height:24px;
    color:#12127D;
    font-size:11px;
    padding:5px;
    text-transform: uppercase;
}

.screen_object_background_c
{
    /*border = 1px solid #f1f1f1;*/
 	border-width:1px;
	border-style:solid;
	border-color:#12127d;
}

.screen_object_caption_c
{
    font-size: 11px;
    HEIGHT: 16px;
    background-color: #f1f1f1; 
    vertical-align: middle; 
    color:#828282;
    padding-left:2px;
    padding-right:2px;
}

/* -------------------------------- Calendar -------------------------------- */

.calendar_navigation_sign
{
    font-family: verdana;
    font-weight:bold;
    font-size:12px;
    cursor:pointer;cursor:hand;
}

.calendar_navigation_sign_hover
{
    font-family: verdana;
    font-weight:bold;
    font-size:12px;
    cursor:pointer;cursor:hand;

}

.calendar_day
{
    font-family: verdana;
    font-size:10px;
    padding:3px;
    color:#12127D;
    border:1px solid #9191FF;
}

.calendar_day_hover
{
    font-family: verdana;
    font-size:10px;
    cursor:pointer;cursor:hand;
	background-color:#E9E9FF;
    padding:3px;
    border:1px solid #9191FF;
}

.calendar_day_title
{
    font-family: verdana;
    font-size:10px;
    text-transform:uppercase;
    padding:3px;
    border:1px solid #9191FF;
}


.calendar_selected_day
{
    font-family: verdana;
    font-size:10px;
    background-color:#ffffff;
    color:#12127D;
    border:1px solid #9191FF;
}

.calendar_selected_day_hover
{
    font-family: verdana;
    font-size:10px;
    background-color:#ffffff;
    border:1px solid #9191FF;
   cursor:pointer;cursor:hand;
}

/* -------------------------------- Separators -------------------------------- */

.separator_a
{

}

.separator_b
{

}

.separator_c
{

}

/* -------------------------------- General Tab -------------------------------- */

.general_tab_background
{
    background-color:#f1f1f1;
    font-size:11px;
    color:#828282;
    height:16px;
}

.general_tab_item
{
    padding-right:2px;
    padding-left:2px;
    margin:2px;
    border-right:1px solid #ffffff;
    border-left:1px solid #ffffff;
    cursor:pointer;cursor:hand;
}

.general_tab_item_hover
{
    padding-right:2px;
    padding-left:2px;
    border-right:1px solid #ffffff;
    border-left:1px solid #ffffff;
    cursor:pointer;cursor:hand;
}

.general_tab_item_selected
{
    background-color:#d0d0d0;
    color:#000000;
    padding-right:2px;
    padding-left:2px;
    border-right:1px solid #ffffff;
    border-left:1px solid #ffffff;
}

.general_tab_item_selected_hover
{
    background-color:#d0d0d0;
    color:#000000;
    padding-right:2px;
    padding-left:2px;
    border-right:1px solid #ffffff;
    border-left:1px solid #ffffff;
}

.extra_general_tab
{
	border-bottom-color:#ffffff;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-top-color:#ffffff;
	border-top-style:solid;
	border-top-width:1px;
	cursor:pointer;
	margin-bottom:2px;
	margin-left:2px;
	margin-right:2px;
	margin-top:2px;
	padding-left:2px;
	padding-right:2px;
}
.extra_general_tab_background
{
	background-color:#f1f1f1;
	border-color:#828282;
	border-style:solid;
	border-width:1px;
	color:#828282;
	font-size:11px;
	height:16px;
}
.extra_general_tab_hover
{
	border-bottom-color:#ffffff;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-top-color:#ffffff;
	border-top-style:solid;
	border-top-width:1px;
	cursor:pointer;
	margin-bottom:2px;
	margin-left:2px;
	margin-right:2px;
	margin-top:2px;
	padding-left:2px;
	padding-right:2px;
}
/* -------------------------------- General Caption -------------------------------- */

.general_caption
{
    font-size: 11px;
    HEIGHT: 16px;
    background-color: #f1f1f1;  
    vertical-align: middle; 
    color:#828282;
    padding-left:2px;
    padding-right:2px;
}

/* -------------------------------- General Item -------------------------------- */

.item_background
{
    border: 1px solid #9191ff;
    height: 83px;
    padding:4px;
    vertical-align: top;
}

.item_image
{
	height: 72px;
	width: 120px;
	vertical-align: top;
	padding-right:4px;
	border: thin none #FFFFFF;
	padding-top: 2px;
}

.item_medium_image
{
    height:120px;   
    width:200px;
    vertical-align: top;
    padding-right:4px;
}

.item_big_image
{
    height:200px;   
    width:320px;
}

.item_data_background
{
    background-color: #f5f5f5;
    vertical-align: top;
    padding: 2px;
}

.item_separator
{
    HEIGHT: 10px;	
}

/* -------------------------------- Up Down select box --------------------------- */
.up_down_backgournd
{
    border: 1px solid #dadada;
    height: 18px;
}

.up_down_text
{
    font-size: 10px;
    margin: 2px;
    background-color: #f0f8f4;
}

/* -------------------------------- Donations Objects --------------------------- */
.donation_prices_combo
{
    font-size:9px;
    width:70px;
    vertical-align:top;
}

.donation_radio_button
{
    margin-top:2px;
    width:11px;
    height:11px;
    vertical-align:middle;
}
/* -------------------------------- Location Bar --------------------------- */ 
.location_bar_text
{
    font-size: 10px;
    color: #bababa;
    text-transform: capitalize;
    padding:2px;
}
/* -------------------------------- Text Box Objects ------------------------------ */
.small_text_box_a
{
    font-size:9px;
    height:18px;
}
/* -------------------------------- Seating Plan ---------------------------------- */
.seating_plan
{
    width:550px;
    height:350px;
}

/* -------------------------------- Small Calendar -------------------------------- */
.small_calendar_background
{
    background-color: #C8C8FF;
}

.small_calendar_select_box
{
    font-family:Verdana;
    font-size:11px;
}

.small_calendar_day_title
{
    height:11px;
}

.small_calendar_day
{
    height:16px;
    width:22px;
    font-size:11px;
    font-family:Verdana;
    cursor:pointer;cursor:hand;
}
.small_calendar_day_hover
{
    height:16px;
    width:22px;
    font-size:11px;
    font-family:Verdana;
    cursor:pointer;cursor:hand;

}
.small_calendar_time
{
    font-size:14px;
    font-weight:bold;

}
.small_calendar_day_selected
{
    height:16px;
    width:22px;
    font-size:12px;
    font-family:Verdana;
    font-weight:bold;
    cursor:pointer;cursor:hand;
}
.small_calendar_day_selected_hover
{
    height:16px;
    width:22px;
    font-size:12px;
    font-family:Verdana;
    font-weight:bold;
    cursor:default;
}


.small_calendar_day_dimmed
{
    height:16px;
    width:22px;
    font-size:11px;
    font-family:Verdana;
    cursor:pointer;cursor:hand;
    color:silver;
}

.small_calendar_day_dimmed_hover
{
    height:16px;
    width:22px;
    font-size:11px;
    font-family:Verdana;
    cursor:pointer;cursor:hand;
    color:silver;
}

/* -------------------------------- CRM -------------------------------- */
.crm_item_background
{
    border:1px solid #dadada;
    height: 0px;
    vertical-align:top;
    text-align:left;
    margin:2px;
}

.crm_action_image
{

}

.crm_action_image_hover
{
    cursor:pointer;cursor:hand;
}

.crm_details_separator
{
    height: 8px;
}

.crm_tab
{
    font-weight : bold; 
    height: 20px;
    cursor:pointer;cursor:hand; 
    font-size : 10px; 
    color:#b7b7b7;
    background-color:#f1f1f1;
    border-right: 2px solid white;
}

.crm_tab_selected
{
    cursor:pointer;cursor:hand; 
    font-size : 10px; 
    color:#000000;
    BACKGROUND-COLOR: #d2d2d2;
    border-right: 2px solid white;
}
.crm_tab_arrow
{
	font-weight:bold;	
	height:20px;
	width:16px;
      background-color:#d2d2d2;
      cursor:pointer;cursor:hand;
}

.crm_div
{
  background-color:#FFFFFF;
  height:300;
  overflow:scroll;
  border:1px solid #dadada;
}

.crm_grid_data
{
  font-size : 10px;
  font-family: Verdana;
  color:#000000;
  border-right:1px groove #dadada;
}

.crm_grid_caption
{
  BACKGROUND-COLOR: #d0d0d0;
  color:black;
  padding-left:4px;
  padding-right:4px;
}

/* -------------------------------- Form --------------------------- */ 

.form_separator
{
    height:1px;
}

.form_must_field
{
    color:#FF0000;
    font-size: 10px;
    font-family: verdana;
}
/* -------------------------------- Basket Objects -------------------------------- */
.basket_border
{
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

.basket_caption
{
    color:black;
    font-size:10px;
    text-transform:uppercase; 
    font-weight:bold;
}

.basket_action
{
    color:red;
    font-size:11px;  
    cursor:pointer;cursor:hand; 
}
/* -------------------------------- Arrows Images --------------------------------- */
.small_arrow_1_right
{
margin-left:5px;
}

.small_arrow_1_left
{
margin-right:5px;
}

.small_arrow_2
{
margin-left:2px;
margin-right:2px;
}

.small_arrow_3
{
}

/* -------------------------------- Popup Windows --------------------------------- */
.popup_window_a
{
BACKGROUND-COLOR: #f5f5f5;
BORDER-BOTTOM: lightgrey thin solid;
BORDER-LEFT: white thin outset;
BORDER-RIGHT: lightgrey thin solid;
BORDER-TOP: white thin outset;
DISPLAY: none;
POSITION: absolute;
}

.popup_window_a_caption
{
BACKGROUND-COLOR: #c5dcd3; 
COLOR: black;
font-size: 12px;
}

/* -------------------------------- Items List --------------------------------- */
.list_background
{
    font-size:11px;
    color:#828282;
    height:16px;
    padding-top : 1px;
    padding-bottom: 1px;
    background-color:#f5f5f5;
}

.list_title
{
    background-color:#f1f1f1;
    font-weight:bold;
    font-size:11px;
    padding-left:4px;
    border-bottom:1px solid #ffffff;
}

.list_record
{
    
    border-bottom:1px solid #ffffff;
    padding-left: 3px;
    font-size:11px;
    color:#828282;
    padding:1px;
    margin:2px;
    
}
/* -------------------------------- Items List Calendar --------------------------------- */
.list_calendar_background
{
    border:1px dashed black;
    font-size:11px;
    font-family:verdana;
    background-color:#f5f5f5;
    text-align:center;
}
.list_calendar_month
{
    background-color:#fb6d18;

}
.list_calendar_day_name
{
    background-color:#ffc700;
}
.list_calendar_day
{
    padding:2px;
    color:#999999;
}
.list_calendar_day_events
{
    padding:2px;
    color:red;
}
.list_calendar_day_events_hover
{
    padding:2px;
    color:orange;
    cursor:pointer;cursor:hand;
}
.list_calendar_day_selected
{
    padding:2px;
    color:black;
}
.list_calendar_day_selected_hover
{
    padding:2px;
    color:black;
    cursor:pointer;cursor:hand;
}
.list_calendar_events
{
    background-color:#f5f5f5;
    font-family:verdana;
    font-size:11px;
    color:#828282;
    border:1px solid black;
    width:292px;
}
.list_calendar_events_title
{
   font-size:12px;
    font-weight:bold;
    font-family:verdana;
    color:#828282;
    padding:2px;
}
.list_calendar_events_list
{
    font-size:11px;
    font-family:verdana;
    color:#828282;
    padding:2px;
}
/* -------------------------------- Form general --------------------------------- */
FORM
{
    margin : 0px;
    padding : 0px;
}
/* -------------------------------- Seating Plan Flash---------------------------- */
.loading_plan_flash
{
   display : none ;
   width : 130px ;
   height : 130px ;
}
IMG
{
	color: #99cccc;
}
/* -------------------------------- Payment Method Select Box ---------------------------- */
.pay_method
{
	width:150px;
	color:#828282;
	font-size:10px;
}
/* -------------------------------- View from area div ---------------------------- */
.view_from_area
{
	border:1px solid blue;
}
.seats_plan_container
{
	border:solid 1px #dadada;
}
.seats_plan_extra
{
	width:160px;
	height:100%;
	
}
.seats_plan_extra_img
{
}
.seats_plan_extra_titles
{
	background-color:#f5f5f5;
	font-size: 11px;
    color:#616161;
    font-weight:bold;
	height:20px;
	
}
.seats_plan_extras_gap
{
	
	/*border-top:1px solid #dadada;
	border-bottom:1px solid #dadada;*/
	font-size:1px;
	height:1%;
}
.seats_plan_extra_vertical_gap
{
	width:10px;
	font-size:12px;
}
.seats_plan_extras_td_container
{
	border:1px solid #dadada;
	height:49.5%;
}
/*.view_from_seat_container
{
	border:1px solid #dadada;
	width:100%;
	height:50%;
	
}*/
.view_from_seat_img
{
	width:150px;
	height:150px;
}
.seat_view_body
{
	font-family:Arial;
	font-size:11px;
	padding:2px;
	color:#000000;
}
.loading_small_plan_flash
{
	display : none ;
   width : 30px ;
   height : 30px ;
}
.no_events_message
{
	padding-top:5px;
	padding-left:5px;
	font-size: 12px;
    color:#616161;
    font-weight:bold;
}
.small_text_a_error
{
	font-size: 10px;
    color:red;
}