body
{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 10px;
	margin-left: 0;
	margin-bottom: 0;
	margin-right: 0;
	margin-top: 0;
	background-color: #ffffff
}

div 
{	
	scrollbar-base-color: #E0DFE3; 
	scrollbar-darkshadow-color: #ffffff; 
	scrollbar-3dlight-color: #dddddd; 
	scrollbar-arrow-color: #6666aa
}

td
{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 10px;
}

th
{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 10px;
}

/******************************* URL Link styles*******************************/
a
{
	font-family: verdana;
	font-size: 10px;
	text-decoration: none
}

a:hover
{
	text-decoration: underline
}

a.help 
{
	cursor: help; 
}


/*Style definitions for Rollover Links*/


a.RolloverLink:link
{
	color: #FFFFFF;
	font-family: verdana;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none
}

a.RolloverLink:active
{
	font-weight: normal;
	font-size: 10px;
	color: red;
	font-family: verdana;
	text-decoration: none;
}


a.RolloverLink:visited
{
	color: #FFFFFF;
	font-family: verdana;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none
}


a.RolloverLink:hover
{
	color: #E0DBA9;
	font-family: verdana;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none
}


/*-----------------------------------Quick Links--------------------*/
a.QuickLink
{
	font-weight: normal; 
	color: #DD3409;
	text-decoration: none
}
a.QuickLink:active
{
	color: #73696a
}
a.QuickLink:hover
{
	color: #0000FF
}
/*----------------------End of Quick Links----------------------------------*/


/***************************End of link styles******************************/

/*********************************Fonts Style Declaration*****************************/

.SmallFont
{
	font-size:xx-small;
}

/*Use this style for text that has to be slightly larger than the body text*/
.MediumFont
{
	font-size: 11px
}

/*Style used for bold text*/
.BoldFont
{
	font-weight: bold;
	font-size: 11px;
	color: #808080
}

/*Use this style for making text left aligned*/
.LeftAlignedText
{
	text-align: left
}

/*Use this style for making text bold and left aligned*/
.LeftAlignedBold
{
	text-align: left;
	font-weight: bold
}
.CenterAlignedBold
{
	text-align:center;
	font-weight: bold
}
/*Use this style for making text right aligned*/
.LeftAlignedText
{
	text-align: left;
}
.RightAlignedText
{
	text-align: Right
}
.RightAlignedBold
{
	text-align: right;
	font-weight: bold
}

/* BOC Mohsin - BIG Row Style */
.RightAlignedBoldFontInc
{
	font-size: 12px;
	text-align: right;
	font-weight: bold
}
/* EOC Mohsin - BIG Row Style */

/*Use this style for error messages*/
.ErrorText
{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	color: #dd3409;		
}

/*Style for displaying Exception Message or System Error Page*/
.ExceptionMessage
{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;	
	font-size:larger;
	color:Maroon;
}
/*Style For System Error Page Header*/
.ExceptionHeader
{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;	
	font-size: 16pt;
	font-weight:bold;
	color:Red;
}

/*********************************End of Font Declaration*****************************/

/*********************************Form Objects *********************************/

/*Defines the style for heading of tables containing Forms. */
.FormTitle	
{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background-color: #F4C100;
	border: 1px solid black
}

/*secondary table headings*/
.FormSubHeading
{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 14px
}

/*This class is used for marking required fields with a red '*' */
.required
{
	color: #dd3409;
	font-family: Verdana
}

/*Use this for form backgrounds*/
.FormBackground
{
	background-color: #EEEDDD
}

/**/
table.tblOutline 
{
	BORDER-COLLAPSE: collapse;
	border-color: #111111	
}

/*Use this style for headings of User Controls*/
td.ctlHeading {
	BORDER-RIGHT: #c0c0c0 1px solid; 
	BORDER-BOTTOM: #e0dfe3 1px solid;
	background-color: #e0dfe3;	
	text-align:center;
	font-weight:bold;  
	
}

/*Use this style for borders of User Controls containers*/
td.ctlBorder 
{
	border-color: #e0dfe3
} 

/*Use this style for thick borders of User Controls containers*/	
td.ctlThickOutline 
{
	BORDER-RIGHT: #c0c0c0 1px solid;
	BORDER-BOTTOM: #c0c0c0 1px solid;
	background-color: #e0dfe3
}

/*Use this style for changing cursor to a hand. Applicable only for Table rows*/
tr.hand
{
	cursor:pointer  	
}	

/*Use this style for thick borders of User Controls containers*/	
td.tblHeadingCenter 
{
  background-image: url(http://backend.zonaregalo.com/bookingsystem/Common/Client/images/GridImages/header_bg.gif);   
  background-color: #E9E9EB; 
  padding: 3px; 
  padding-top: 2px; 
  padding-bottom: 2px; 
  text-align:center  
}

/*Use this style for column headers that span multiple rows*/	
td.tblHeadingCenterBig
{
  background-image: url(http://backend.zonaregalo.com/bookingsystem/Common/Client/images/GridImages/header_bg_big.gif);
  background-color: #E9E9EB; 
  padding: 3px; 
  padding-top: 2px; 
  padding-bottom: 2px; 
  text-align:center  
}

/*Use this style for text fields*/
.TextField
{
	border-right: #e0dfe3 2px solid;
	border-top: #e0dfe3 2px solid;
	border-left: #e0dfe3 2px solid;
	border-bottom: #e0dfe3 2px solid;
	font-size: 12px;	
	height:20px;
	width:140px;		
}


/*Style used for text fields containing numbers */
.NumericTextField
{
	border-right: #e0dfe3 1px solid;
	border-top: #e0dfe3 1px solid;
	font-size: x-small;
	border-left: #e0dfe3 1px solid;
	border-bottom: #e0dfe3 1px solid;
	text-align: right;
	height: 20;
    font-family : Verdana, Geneva, Arial, helvetica, sans-serif;    
    height:20px;
    width:50px;
}

.NumericTextFieldBig
{
	border-right: #e0dfe3 1px solid;
	border-top: #e0dfe3 1px solid;
	font-size: x-small;
	border-left: #e0dfe3 1px solid;
	border-bottom: #e0dfe3 1px solid;
	text-align: right;
	height: 20;
    font-family : Verdana, Geneva, Arial, helvetica, sans-serif;    
    height:20px;
    width:70px;
}

.NumericTextFieldExtraBig
{
	border-right: #e0dfe3 1px solid;
	border-top: #e0dfe3 1px solid;
	font-size: x-small;
	border-left: #e0dfe3 1px solid;
	border-bottom: #e0dfe3 1px solid;
	text-align: right;
	height: 20;
    font-family : Verdana, Geneva, Arial, helvetica, sans-serif;    
    height:20px;
    width:120px;
}

/*Style for text area*/
.TextArea
{
	background-color: #FFFFFF;
	color: black;
	font-family: verdana;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;	
	width: 240px;
}
.SmallTextArea
{
	background-color: #FFFFFF;
	color: black;
	font-family: verdana;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;	
	width: 120px;
}
/*Style for button*/
.button
{		
	background-color:#F7E7E7;
	background-image: url(http://backend.zonaregalo.com/bookingsystem/Common/Client/images/Button.gif); /*Note the url is relative to the stylesheet*/
	background-repeat:repeat;
	border-bottom: #000000 1px solid;
	border-left: #000000 1px solid;
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	color: Black;
	font-family: Verdana;
	font-size: 12px;
	font-style: normal;		
	cursor: pointer	
	
}

.Refreshbutton
{		
	background-color:#F7E7E7;
	background-image: url(http://backend.zonaregalo.com/bookingsystem/Common/Client/images/refresh.jpg); /*Note the url is relative to the stylesheet*/
	background-repeat:repeat;
	border-bottom: #000000 1px solid;
	border-left: #000000 1px solid;
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	color: Black;
	font-family: Verdana;
	font-size: 12px;
	font-style: normal;		
	cursor: pointer;
	width:21px;
}

/*input:hover,input:active,input:focus
{	
	font-weight:bolder;
	font-size: 12px;
	font-family: Verdana;	
	color: Black;
	border-bottom: #000000 2px solid;
	border-left: #000000 2px solid;
	border-right: #000000 2px solid;
	border-top: #000000 2px solid;
}*/



/*Style for Browse button (may change in future) */
.browseButton
{
	background-color: #FFFFFF;
	background-image: url(http://backend.zonaregalo.com/bookingsystem/Common/Client/images/Button.gif);
	background-repeat:repeat;
	border-bottom: #000000 1px solid;
	border-left: #000000 1px solid;
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	color: black;
	font-family: verdana;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;	
}

/*Style for combo boxes*/
.comboBox
{
	background-color: #FFFFFF;	
	border-right: #e0dfe3 2px solid;
	border-top: #e0dfe3 2px solid;
	border-left: #e0dfe3 2px solid;
	border-bottom: #e0dfe3 2px solid;
	color: black;
	font-family: verdana;
	font-size: 10px;
	font-style: normal;
	width:140px;
	max-width:175px;
	min-width:50px;
	height: 20px;
}
.PagerComboBox
{
	background-color: #FFFFFF;	
	border-right: #e0dfe3 2px solid;
	border-top: #e0dfe3 2px solid;
	border-left: #e0dfe3 2px solid;
	border-bottom: #e0dfe3 2px solid;
	color: black;
	font-family: verdana;
	font-size: 10px;
	font-style: normal;
	width:50px;
	height: 20px;
}

/*ComboBox with auto adjusted width*/
.comboBoxAuto
{
	background-color: #FFFFFF;	
	border-right: #e0dfe3 2px solid;
	border-top: #e0dfe3 2px solid;
	border-left: #e0dfe3 2px solid;
	border-bottom: #e0dfe3 2px solid;
	color: black;
	font-family: verdana;
	font-size: 10px;
	font-style: normal;
	width:auto;	
	height: 20px;
}

/*Style for check boxes*/
.CheckBox
{
	border-bottom: #000000 0px solid;
	border-left: #000000 0px solid;
	border-right: #000000 0px solid;
	border-top: #000000 0px solid;
	cursor:pointer	
}

/*Style for radio buttons*/
.radioButton
{	
	font-weight :bold;
}

/*Style for list boxes*/
.listBox
{
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	font-size: 10px;
	border-left: #000000 1px solid;
	color: black;	
	max-width:200px;
	min-width:50px;
	height: 80px;	
	width: 140px;
	border-bottom: #000000 1px solid;
	font-style: normal;
	font-family: verdana;
	background-color: #ffffff
}

/*This style is used for buttons of list control*/
.ListButton 
{ 		
	WIDTH: 25px; 
	HEIGHT: 20px;
	background-color:#F7E7E7;
	background-image: url(http://backend.zonaregalo.com/bookingsystem/Common/Client/images/Button.gif); /*Note the url is relative to the stylesheet*/
	background-repeat:repeat;
	border-bottom: #000000 1px solid;
	border-left: #000000 1px solid;
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	color: Black;
	font-family: Verdana;
	font-size: 10pt;
	font-style: normal;	
	cursor: pointer			 
}	

/*Used by templated tree*/
.treeChildLabelColumn 
{
	font-weight:normal;
	padding-left:16px;
	BORDER-RIGHT: solid 1px #d0d0d0 ;
	font-family: verdana;
	font-size: 10px; 
	BACKGROUND: #e0ffd0; 
	PADDING-BOTTOM: 2px; 
	BORDER-LEFT: solid 1px #eeeeee; 
	PADDING-TOP: 2px; 
	BORDER-BOTTOM: solid 1px #d0d0d0;			
}

/*Used by templated tree*/
.treeChildCountColumn 
{
	font-weight:normal;	
	BORDER-RIGHT: solid 1px #d0d0d0 ;
	font-family: verdana;
	font-size: 10px;
	BACKGROUND: #e0ffd0; 
	PADDING-BOTTOM: 2px; 
	BORDER-LEFT: solid 1px #eeeeee; 
	PADDING-TOP: 2px; 
	BORDER-BOTTOM: solid 1px #d0d0d0;	
	
}

/*Used by templated tree*/
.treeParentColumn 
{
	font-family: verdana;
	font-size: 10px;
	font-weight:bold;
	BORDER-RIGHT: solid 1px #d0d0d0 ;	 
	BACKGROUND: #e0ffd0; 
	PADDING-BOTTOM: 2px; 
	BORDER-LEFT: solid 1px #eeeeee; 
	PADDING-TOP: 2px; 	
	BORDER-BOTTOM: solid 1px #d0d0d0;		
}

/*Style for panel containing callbacks */
.CallBack
{
  background-color: #FFFFFF; 
  border: 1px solid #B1B1B1; 
  padding: 10px; 
  position:relative;
  top:-1px;
  z-index:98;
}
/*Style for Special Text*/
.SpecialText
{
	font-weight:bold;
	color:Blue;
}
tr.tblReportRow td
{
	background-color: #FFFFFF; 
	cursor: default;
} 
tr.tblReportRowAlternate td 
{	
	BACKGROUND-COLOR: #ddecfe;
	cursor: default;
}
.PopupMsg
{
	border-right: white 4px solid;
	border-top: white 4px solid;
	display: block;
	font-size: 50pt;
	z-index: 1000;
	visibility: visible;
	border-left: white 4px solid;
	width: 100%;
	color: blue;
	border-bottom: white 4px solid;
	position: absolute;
	height: 100%;
	background-color: transparent;
}

/* Page navigation arrows */
.page-nav { width:487px;height:25px;line-height:25px;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;font-size:11px;margin:16px 0;text-align:center; }
    .page-nav span { float:left; }
    .page-nav a { width:96px;height:25px;background:#fff url("http://backend.zonaregalo.com/bookingsystem/Common/Client/images/static.png") no-repeat -144px -200px;text-align:center;margin:0 4px;float:left;display:block;color:#fff !important;text-decoration:none;font-weight:bold; }
    .page-nav a:hover { background-position:-240px -200px;text-decoration:none; }
    .page-nav a:active { background-position:-336px -200px;text-decoration:none;outline:none; }
    .page-nav a:visited { text-decoration:none; }



/* MultiPage -- Inheritance is to avoid conflicting with any existing demo styles */
.multipage { width:487px;height:270px;background:#fff url("http://backend.zonaregalo.com/bookingsystem/Common/Client/images/wizardstatic.png") no-repeat;position:relative; }
    .multipage .page-header { width:auto;height:30px;line-height:30px;font-weight:bold;padding:0 16px;color:#fff; }
    .multipage .page-title { font-weight:bold;padding:20px 0 10px 16px; }
    .multipage .page-content { padding:0 0 0 16px; }

.FormControlValueBig
{
	font-size: 13px;
	font-weight:bold;
}

/********************************* Buttons with Images *********************************/

.ImageButton
{
	background-repeat:repeat-x;
	color:White; 
	text-decoration:none; 
	font-size:12; 
	font-weight:bold; 
	text-align:left;
	vertical-align:middle; 
	background-image: url('http://backend.zonaregalo.com/bookingsystem/Common/Client/images/ManageCatalog/background.gif');
	height:22px;
  }
 
 .ImageButtonText
 {
	color:White; 
	text-decoration:none; 
	font-size:12; 
	font-weight:bold; 
	text-align:left;
	vertical-align:middle; 
	height:22px;
 }