/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Redefine HTML
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

body { font-family: "trebuchet MS", Arial, Helvetica, "Sans Serif";  margin: 0px; background: ; padding: 0px; font-size: 70%; height: 100%; }
table, td, th { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; margin: 0px; vertical-align: top; text-align: left; border: none; border-collapse: collapse;  }
input, select, textarea { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 100%; }

form { margin: 0px; padding: 0px; }

a:link, a:visited { color: #734B9E; text-decoration: none; }
a:hover { color: #FF6600; text-decoration:underline ; }
a img { border: none; }

.Hidden { display: none !important; } 
.Grey { color:#777 !important; } 
.Black { color:#000 !important; } 

strong.Highlight {font-weight: bold; color:#734B9E; }

p.FirstPara { margin-top: 5px; }

div.HR { height: 1px; overflow: hidden; border-bottom: 1px solid #B69FC7; margin:10px 0 10px 0; }
div.HRGrey { height: 1px; overflow: hidden; border-bottom: 1px solid #EEE; margin:10px 0 10px 0; }
div.HRLightPurple { height: 1px; overflow: hidden; border-bottom: 4px solid #CABAD6; margin-bottom:0px; margin-top:3px; }
div.HRDarkPurple { height: 1px; overflow: hidden; border-bottom: 4px solid #734B9E; margin:3px 0 5px 0; }

div.HR.Dashed { border-bottom-style: dashed; }

div.Right { float:right; display:inline; position:relative; width:auto; }
div.Left { float:Left; display:inline; position:relative; width:auto; }
div.Center { text-align:center; Display:block; position:relative; width:auto; padding-top:1px; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Page Layout
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.PageOuter{ background: #F0F0F0; padding: 10px 0px;  } 
div.PageInner { width: 999px; margin: 0px auto; padding: 0px;  position: relative; border:1px solid #5D3790; } 
div.PageMain { width: 999px;  }

div.PopUpInner { width: 507px; margin: 0px auto; padding: 0px;  position: relative; border:0px solid #138ece; } 
div.PopUpMain { width: 500px;  }

div.Header { background: url('../Images/Header/HotelLeeds_Banner.png') left top no-repeat scroll; height: 134px; width:999px; position: relative;  padding: 0px; margin: 0px; }
div.Header div.Logo { position: absolute; top: 20px; left: 20px; }
div.Header div.Logo h1 { margin: 0px; padding: 0px; }
div.Header div.Logo a { display: block; width: 242px; height: 78px; background: url('../Images/Header/JLServices_Logo.png') left top no-repeat scroll; }
div.Header div.Logo a span { display: none;  }
div.Header div.Title { display: none; }
div.Header div.Banner { position: absolute; top: 2px; left: 188px; width: 655px; height: 167px; }
div.Header div.Banner div.FlashHolder { position: absolute; top: -33px; left: 0px; width: 655px; height: 200px; }
div.Header div.Banner div.FlashHolder div.GetFlash { position: absolute; top: 43px; left: 10px; } 
div.Header div.LinkTopRight { position: absolute; top: 14px; right: 13px; color:#8bc53f; font-size:10px; font-weight:bold; text-transform: uppercase; } 

div.Header a:link, div.Header a:visited { color: #8bc53f; text-decoration: none;  }
div.Header a:hover { color: #FFF; text-decoration:underline ; }
div.Header a img { border: none; }

div.Button {}
div.Button div.HotelDir { position:absolute;  }
div.Button div.HotelDir h1 { margin: 0px; padding: 0px; }
div.Button div.HotelDir a { display: block; height: 99px; width:436px; background: url('../Images/Layout/Button_ViewHotelDir.png') left top no-repeat scroll; }
div.Button div.HotelDir a span { display: none;  }


div.ContentColumns { margin: 0px; padding: 0px; position: relative; height: 1%; background: #FFF; }
div.ContentColumns div.SideColumn { float: left;  width: 265px; padding-right: 0px; }
div.ContentColumns div.MiddleColumn { float: left; margin-right: 0px;  width: 721px;  }
div.ContentColumns div.SideColumn div.Content { padding: 0px 0px 0px 0px; margin-top:0px;  }
div.ContentColumns div.MiddleColumn div.Content { padding: 5px 0px 0px 0px; margin-left:0px; margin-top:5px; }
div.ContentColumns { margin: 0px; padding: 0px; position: relative; height: 1%; background: #FFF; }
div.ContentColumns div.PopUpHolder { float: left; padding-right: 5px;  width: 500px;   }

div.ContentColumns div.Cleaner { clear: both; height: 0px; font-size: 1%; padding: 0px; margin: 0px; overflow: hidden; } 

div.CopyrightOuter { background: #fff; height: 30px; }
div.CopyrightInner { width: 999px; margin: 0px auto; padding: 0px; position: relative; height: 1%; color: #000; font-size: 80%; }
div.CopyrightInner a:link,
div.CopyrightInner a:visited { color: #2e358e; text-decoration: underline; }
div.CopyrightInner a:hover { color: #1fa5ea; text-decoration: underline; }

div.CopyrightInner div.Copyright {  padding: 10px 0px 0 20px;  }
div.CopyrightInner div.Search { position: absolute; top: 10px; right: 120px; text-align: right; }


/* Listed items no bullet points */
/* {margin: 0; padding: 0;} */
ul.NoBullet {  margin:0px 0px 0 15px; padding: 3px 5px 3px 0px; line-height:12px; font-size:95%; width:194px; color:#fff;  }
ul.NoBullet li { margin: 0; padding: 3px 0 8px 0px; list-style:none; border-bottom:1px solid #6E4389; color:#fff; }

ul.NoBullets {  margin:0px 0px 0 15px; padding: 3px 5px 3px 0px; line-height:10px; font-size:95%; width:194px; color:#fff;  }
ul.NoBullets li { margin: 0; padding: 3px 0 8px 0px; list-style:none; border-bottom:0px solid #6E4389; color:#fff; }

ul.HotelInfo {  margin:0px 0px 0 15px; padding: 3px 5px 3px 0px; line-height:10px; font-size:85%; width:194px; color:#fff;  }
ul.HotelInfo li { margin: 0; padding: 3px 0 8px 0px; list-style:none; border-bottom:0px solid #6E4389; color:#fff; }

ul.OfferStar {  margin:0px 0px 0 0px; padding: 2px 5px 5px 40px; line-height:11px; font-size:95%; width:170px; color:#fff;   }
ul.OfferStar li { margin: 0; padding: 4px 0 4px 0px; list-style:url('../Images/Icons/HotelIcon/Icon_MiniStar.png') ; border-bottom:0px solid #CC3300; color:#fff; }
ul.OfferStar HR { margin: 0; padding: 4px 0 4px 0px; border-bottom:1px solid #CC3300; width:170px; clear:both;  }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Page Content
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.MainContents {  width:721px; margin:0; padding:0;  }
div.MainContents div.CopyHold {padding: 0px 0px 0px 20px; }
div.MainContents h1 { margin: 0px; padding: 5px 0 0px 23px; color: #000; font-size: 260%; text-transform: none; }
div.MainContents h1 em { margin: 0px;  color: #666;  text-transform: none; }
div.MainContents b { margin-top: 0px; margin-left:0; padding: 3px 0 0 0; color: #000; font-size: 110%; line-height: 16px; }
div.MainContents p { margin:8px 0 0 0; line-height:15px; padding: 0px 15px 0px 3px;  }
div.MainContents p.Intro { margin:8px 0 0 0; line-height:15px; padding: 0px 15px 0px 3px; font-size:110%; font-weight:bold; }
div.MainContents div.CopyHoldPanel {padding: 0px 6px 0px 12px;}
div.MainContents div.CopyHoldPurple { margin-left:20px;padding: 0px 6px 4px 12px; background: #F3EAFB; border:1px solid #CEC1DD; line-height: 16px; width:650px}

div.MainContents div.Spacer { height: 10px; background: ; overflow: hidden; }

div.MainContentsLogoHold {  margin-left:50px; margin-top:50px;  height:180px;  }
div.Icon.LeedsLoveIt { margin-bottom:15px; position:absolute; bottom:40px; left:30px; float:left; }
div.Icon.WelcomeYorkshire { position:absolute; bottom:65px; left:142px;}

div.SidePanelMain { width:215px; position: relative; margin: 0 0 0 20px; }
div.SidePanelMain p { margin: 3px 0 7px 10px; width:194px ; color:#fff; }
div.SidePanelMain div.LogoHold { height:150px; position:relative; }

div.MainContentsSmall {  width:430px; margin:0 15px 0 0; padding:0; float:right; }
div.MainContentsSmall div.CopyHold {padding: 0px 12px 0px 0px; line-height: 16px;}
div.MainContentsSmall div.CopyHoldPurple {padding: 1px 12px 5px 3px; background: #F3EAFB; border:1px solid #CEC1DD; line-height: 16px; width:400px;}
div.MainContentsSmall div.Gallery {padding: 1px; background: #;  width:413px;}
div.MainContentsSmall div.Gallery img {padding: 2px 0 0 4px;  }
div.MainContentsSmall h1 { margin: 0px; padding: 5px 0 4px 36px; color: #000; font-size: 200%; text-transform: none; }
div.MainContentsSmall h2 { margin: 0px; padding: 5px 0 4px 0px; color: #6C3F8E; font-size: 180%; text-transform: none; }
div.MainContentsSmall h3 { margin: 0px; padding: 5px 0 4px 0px; color: #000; font-size: 130%; text-transform: none; }
div.MainContentsSmall b { margin-top: 0px; margin-left:0; padding: 3px 0 0 0; color: #000; font-size: 110%; }
div.MainContentsSmall p { margin:8px 0 0 0; line-height:16px;  }
div.MainContentsSmall div.Spacer { height: 10px; background: ; overflow: hidden; }
div.MainContentsSmall div.CopyHoldPurple { margin-left:0px;padding: 0px 6px 4px 12px; background: #F3EAFB; border:1px solid #CEC1DD; line-height: 16px; width:400px;}


/*News Items (also check out articles.css for within news stories) */
div.Article { margin-bottom: 20px; width: auto; position: relative; border-bottom: 1px dashed #b7b7b7; padding-bottom: 10px; height: 1%; padding-left:0px; }
div.Article div.Thumbnail {  margin: 0 5px 0px 0px; float: right;padding-bottom:0;  border:0px solid #CCC; }
div.Article p.Text { width: auto; color: #3A434B; font-weight:bold; }
div.Article p.SubHeading { color: #999; font-weight: normal; padding-bottom:3px; }

div.ContentTitle { background: #704CA4 url('../Images/Layout/ContentTitleBG.gif') left top repeat-x scroll; border: 0px solid #085287; }
div.ContentTitle h1 { margin: 0px; padding: 0px 10px; color: #FFF; font-size: 120%; line-height: 30px; text-transform: uppercase; }
div.ContentTitle h1 em { color: #CCC; font-size: 80%; font-style: normal; }

div.SidePanel { background:  url('../Images/Layout/RightColumn_BG.png') Right top repeat-x scroll #A58EC2; width:265px; height:1%;}
div.SidePanel div.CopyHold {padding: 0px 0px 2px 0px; width:210px;}
div.SidePanel p {position:relative; margin:5px 0px 0 0; padding: 4px 5px 5px 20px; line-height:13px; font-size:95%; width:194px; color:#FFF;}
div.SidePanel ContactCopyHold {position:relative; margin:5px 0px 0 0; padding: 4px 5px 5px 20px; color:#000 !important; }
div.SidePanel ContactCopyHold p  {line-height:13px; font-size:95%; width:194px; color:#000 !important;}

div.SidePanel h1 { margin-top: 0px; padding: 10px 0 0px 18px; color: #000; font-size: 180%; font-family:Arial, Helvetica, sans-serif;  text-transform: none; }
div.SidePanel h2 { margin: 0px; padding: 5px 5px 0 11px; font-size: 125%;  color:#102085;   }
div.SidePanel h3 { margin: 0px; padding: 9px 5px 0 12px; font-size: 105%;  }
div.SidePanel a img { border: none; }
div.SidePanel div.Spacer { height: 10px; background: ; overflow: hidden; }
div.SidePanel div.SpacerTop { height: 30px; background: ; overflow: hidden; }

/* Link colours for all panels */
div.SidePanel a:link {color:#fff; }
div.SidePanel a:visited {color:#fff; }
div.SidePanel a:hover { color: #FFF; text-decoration: underline; }

div.SidePanel div.ContactCopyHold a:link {color:#666; }
div.SidePanel div.ContactCopyHold a:visited {color:#666; }
div.SidePanel a:hover b { color: #999; text-decoration: underline; }

div.SidePanel div.SubHeading a:link,
div.SidePanel div.SubHeading a:visited { color: #FFF; text-decoration: none; }
div.SidePanel div.SubHeading a:hover { color: #FFF; text-decoration: underline; }

div.SidePanelMain a:link { color: #FFF; text-decoration: none; }
div.SidePanelMain a:visited { color: #FFF; text-decoration: none; }
div.SidePanelMain a:hover { color: #FFF; text-decoration: underline; }

div.MiddleColumn div.Panel.Orange a:link { color: #FFF; text-decoration: none; }
div.MiddleColumn div.Panel.Orange a:visited { color: #FFF; text-decoration: none; }
div.MiddleColumn div.Panel.Orange a:hover { color: #FFF; text-decoration: underline; }

div.MainContentsSmall div.CopyHold a:link {color:#734B9E; text-decoration: none; }
div.MainContentsSmall div.CopyHold a:visited {color:#734B9E; text-decoration:none ; }
div.MainContentsSmall div.CopyHold a:hover { color: #FF6600; text-decoration: underline; }

div.MainContentsSmall div.CopyHold div.PicHoldLeft {float:left; margin:5px; }
div.MainContentsSmall div.CopyHold div.PicHoldRight {float:right; margin:5px; }


/*--------------------------------------------------------------------------------*/
/* -- Panel Graphics / headers
/*--------------------------------------------------------------------------------*/

div.Panel { position: relative; height: 1%; }

div.Panel h1 { margin: 0px; padding: 6px 10px; font-size: 180%; text-transform: uppercase;  }
div.Panel h2 { margin: 0px; padding: 12px 5px 0px 15px; font-size: 150%; text-transform:capitalize; color:#FFFFFF }
div.Panel h3 { margin: 0px; padding: 2px 5px 3px 15px; font-size: 115%; color:#FFF;   }
div.Panel h4 { margin: 0px; padding: 0px; font-size: 120%;  }
div.Panel h5 { margin: 0px; padding: 0px; font-size: 100%; font-weight: normal;  }
div.Panel h1 em,
div.Panel h2 em,
div.Panel h3 em,
div.Panel h4 em { color: #999; font-size: 90%; font-style: normal; }
div.Panel div.TitleH3 { margin: 0px; padding: 2px 5px 3px 15px; font-size: 115%; color:#FFF; font-weight:bold; position:relative;   }


/*Purple Large panel */
div.MiddleColumn div.Panel.LargePurple { width: 677px; float:left; }
div.MiddleColumn div.PanelContentLargePurple { background: url('../Images/Layout/Panel_MainLarge_Content.png') left top repeat-y scroll; width: 677px; margin: 0px; padding: 0px; position: relative; height: 1%; overflow:hidden; color:#FFFFFF; }
div.MiddleColumn div.PanelHeadLargePurple { background: url('../Images/Layout/Panel_MainLarge_Head.png') left top no-repeat scroll; width: 677px; height: 30px; margin: 0px; padding: 0; position: relative; } 
div.MiddleColumn div.PanelFootLargePurple { background: url('../Images/Layout/Panel_MainLarge_Footer.png') left top no-repeat scroll; width: 677px; margin: 0px; padding: 0px; height: 23px; overflow: hidden; position: relative; }

/*Red Large panel */
div.MiddleColumn div.Panel.LargeRed { width: 677px; float:left; }
div.MiddleColumn div.PanelContentLargeRed { background: url('../Images/Layout/Panel_MainLargeRed_Content.png') left top repeat-y scroll; width: 677px; margin: 0px; padding: 0px; position: relative; height: 1%; overflow:hidden; color:#FFFFFF; }
div.MiddleColumn div.PanelHeadLargeRed { background: url('../Images/Layout/Panel_MainLargeRed_Head.png') left top no-repeat scroll; width: 677px; height: 30px; margin: 0px; padding: 0; position: relative; } 
div.MiddleColumn div.PanelFootLargeRed { background: url('../Images/Layout/Panel_MainLargeRed_Footer.png') left top no-repeat scroll; width: 677px; margin: 0px; padding: 0px; height: 23px; overflow: hidden; position: relative; }


/*Blue small panel */
div.MiddleColumn div.Panel.Blue { width: 224px; float:left; }
div.MiddleColumn div.PanelContentBlue { background: url('../Images/Layout/Panel_Main_Blue_Footer.png') left top no-repeat scroll; width: 224px;  margin: 0px 0px 10px 0px; padding: 0; position: relative; height: 77px; }
div.MiddleColumn div.PanelHeadBlue { background: url('../Images/Layout/Panel_Main_Blue_Head.png') left top no-repeat scroll; width: 224px; height: 40px; margin: 0px; padding: 0; position: relative; } 
div.MiddleColumn div.PanelFootBlue { background: url('../Images/Layout/Panel_Main_Blue_Footer.png') left top no-repeat scroll; width: 224px; margin: 0px; padding: 0px; height: 17px; overflow: hidden; position: relative; }

div.MiddleColumn div.Panel.Blue a:link,
div.MiddleColumn div.Panel.Blue a:visited { color: #FFF; text-decoration: none; }
div.MiddleColumn div.Panel.Blue  a:hover { color: #FFF; text-decoration:underline; }

/*Orange small panel */
div.MiddleColumn div.Panel.Orange { width: 224px; float:left; }
div.MiddleColumn div.PanelContentOrange { background: url('../Images/Layout/Panel_Main_Orange_Footer.png') left top no-repeat scroll; width: 224px;  margin: 0px 0px 10px 0px; padding: 0; position: relative; height: 77px; }
div.MiddleColumn div.PanelHeadOrange { background: url('../Images/Layout/Panel_Main_Orange_Head.png') left top no-repeat scroll; width: 224px; height: 40px; margin: 0px; padding: 0; position: relative; } 
div.MiddleColumn div.PanelFootOrange { background: url('../Images/Layout/Panel_Main_Orange_Footer.png') left top no-repeat scroll; width: 224px; margin: 0px; padding: 0px; height: 17px; overflow: hidden; position: relative; }

/*Purple small panel */
div.MiddleColumn div.Panel.Purple { width: 224px; float:left; padding: 0 5px 0 0; }
div.MiddleColumn div.PanelContentPurple { background: url('../Images/layout/Panel_MainFeat_Purple_Footer.png') left top no-repeat scroll; width: 224px; margin: 0px 0px 10px 0px; padding: 0px; position: relative; height: 77px; } 
div.MiddleColumn div.PanelHeadPurple { background: url('../Images/Layout/Panel_Main_Purple_Head.png') left top no-repeat scroll; width: 224px; height: 40px; margin: 0px; padding: 0; position: relative; } 
div.MiddleColumn div.PanelFootPurple { background: url('../Images/Layout/Panel_Main_Purple_Footer.png') left top no-repeat scroll; width: 224px; margin: 0px; padding: 0px; height: 17px; overflow: hidden; position: relative; }

div.MiddleColumn div.Panel.Purple a:link,
div.MiddleColumn div.Panel.Purple a:visited { color: #FFF; text-decoration: none; }
div.MiddleColumn div.Panel.Purple a:hover { color: #FFF; text-decoration:underline; }

div.MiddleColumn div.Padding div.FeatPicHold { background: url('../Images/Layout/Feat_HotelHolder.png') left top no-repeat scroll; width: 210px;  height: 66px; margin: 0px; padding: 0px; position: absolute; bottom:12px; z-index:1; }
div.MiddleColumn div.Padding div.FeatPicHoldVenue { background: url('../Images/Layout/Feat_VenueHolder.png') left top no-repeat scroll; width: 210px;  height: 66px; margin: 0px 0 0 0px; padding: 0px; position: absolute; bottom:12px; z-index:1; }

div.MiddleColumn div.Padding div.FeatVenuePic {  width: 207px;  height: 63px; margin: 0px; padding: 0px; z-index:-2; }

/*Side column RED (all same panels) */
div.SidePanel div.Panel { width: 234px; padding-left:16px; position:relative;  } 
div.SidePanel div.PanelContent { background: url('../Images/Layout/Panel_Main_Red_Content.png') left top repeat-y scroll; width: 232px; margin: 0px; padding: 0px; position: relative; height: 1%; } 
div.SidePanel div.PanelHead { background: url('../Images/Layout/Panel_Main_Red_Head.png') left top no-repeat scroll; width: 232px; height: 40px; margin: 0px; padding: 0px; overflow: hidden; position: relative; }
div.SidePanel div.PanelFoot { background: url('../images/layout/Panel_Main_Red_Footer.png') left top no-repeat scroll; width: 232px; height: 15px; margin: 0px; padding: 0px;overflow: hidden; position: relative; z-index:1; }
div.SidePanel div.HR { height: 1px; overflow: hidden; border-bottom: 1px solid #A80000; margin: 0 3px 0 10px; width:200px; }

/*Side column purple  */
div.SidePanel div.Panel.Purple { width: 235px;  }
div.SidePanel div.PanelContentPurple { background: url('../Images/layout/Panel_Right_Purple_Content.png') left top repeat-y scroll; width: 235px; margin: 0px; padding: 0px; position: relative; height: 1%; overflow:hidden; } 
div.SidePanel div.PanelHeadPurple { background: url('../Images/Layout/Panel_Right_Purple_Head.png') left top no-repeat scroll; width: 235px; height: 40px; margin: 0px; padding: 0; position: relative; } 
div.SidePanel div.PanelFootPurple { background: url('../Images/Layout/Panel_Right_Purple_Footer.png') left top no-repeat scroll; width: 235px; margin: 0px; padding: 0px; height: 17px; overflow: hidden; position: relative; }

/*Sidepanel (purple on left of page) in maincontent section */
div.SidePanelMain div.Panel { width: 224px;  } 
div.SidePanelMain div.PanelContent { background: url('../Images/Layout/Panel_Side_Purple_Content.png') left top repeat-y scroll; width: 224px; margin: 0px; padding: 0px; position: relative; height: 1%; overflow:hidden; } 
div.SidePanelMain div.PanelHead { background: url('../Images/Layout/Panel_Main_Purple_Head.png') left top no-repeat scroll; width: 224px; height: 35px; margin: 0px; padding: 0px; overflow: hidden; position: relative; }
div.SidePanelMain div.PanelFoot { background: url('../images/layout/Panel_Main_Purple_Footer.png') left top no-repeat scroll; width: 224px; height: 15px; margin: 0px; padding: 0px;overflow: hidden; position: relative; z-index:1; }
div.SidePanelMain div.HR { height: 1px; overflow: hidden; border-bottom: 1px solid #000; margin: 0 3px 0 10px; width:200px; }

/*Sidepanel (purple on left of page) in maincontent section */
div.SidePanelMain div.PanelGray { width: 224px;  } 
div.SidePanelMain div.PanelContentGray { background: url('../Images/Layout/Panel_Main_Gray_Content.png') left top repeat-y scroll; width: 224px; margin: 0px; padding: 0px; position: relative; height: 1%; overflow:hidden; } 
div.SidePanelMain div.PanelHeadGray { background: url('../Images/Layout/Panel_Main_Gray_Head.png') left top no-repeat scroll; width: 224px; height: 35px; margin: 0px; padding: 0px; overflow: hidden; position: relative; }
div.SidePanelMain div.PanelFootGray { background: url('../images/layout/Panel_Main_Gray_Footer.png') left top no-repeat scroll; width: 224px; height: 15px; margin: 0px; padding: 0px;overflow: hidden; position: relative; z-index:1; }
div.SidePanelMain div.PanelContentGray div.HR { height: 1px; overflow: hidden; border-bottom: 1px solid #FFF; margin: 0 3px 0 10px; width:200px; }


/*Text Correction and HR */
div.SidePanelMain div.HR { height: 1px; overflow: hidden; border-bottom: 1px solid #60356B; margin: 0 3px 0 10px; width:200px; }
div.SidePanelMain div.Panel p { color:#FFF; font-size:85% !important; padding-left:10px; }

/*Subheadings on sidecolumn */
div.SidePanel div.SubHeading {width:256px;  margin-left:5px; position: relative; }
div.SidePanel div.SubHeading div.TitleBox { color: #FFF; background:  url('../Images/Layout/SidePanel_SubHead_Bg.png') left top no-repeat scroll; border: 0px solid #085287;  height:24px; width:256px; overflow: hidden; }
div.PanelHolder div.Panel div.SubHeading.Red { background-image: url('../Images/Layout/TitlePanel_Red.png'); }
div.PanelHolder div.Panel div.SubHeading.Purple { background-image: url('../Images/Layout/TitlePanel_Purple.png'); }
div.PanelHolder div.Panel div.SubHeading.Orange { background-image: url('../Images/Layout/TitlePanel_Orange.png'); }
div.PanelHolder div.Panel div.TitleBox.DarkBlue { background-image: url('../Images/Layout/TitlePanel_DarkBlue.png'); }
div.PanelHolder div.Panel div.TitleBox.LightBlue { background-image: url('../Images/Layout/TitlePanel_LightBlue.png'); }
div.PanelHolder div.Panel div.TitleBox.Yellow { background-image: url('../Images/Layout/TitlePanel_Yellow.png'); }

div.SidePanel div.SubHeading black a:link,
div.SidePanel div.SubHeading black a:visited { color: #000; text-decoration: none; }
div.SidePanel div.SubHeading black a:hover { color: #000; text-decoration: underline; }

div.SidePanel div.SubHeading h1 { margin: 0; padding: 3px 0 0 15px; color: #FFF; font-size: 105%; font-weight: bold; }
div.SidePanel div.SubHeading h2 { margin: 0; padding: 0 0 0 15px; color: #FFF; font-size: 90%; font-weight: bold; }

div.SidePanel div.SubHeading div.ContentBox { padding:0 0 0 15px; position: relative; height: 100%;}
div.SidePanel div.SubHeading div.ContentBox  p { margin: 0; padding: 2px 0 0 0px; color: #000; width:170px !important;  }



div.Panel div.Padding { padding: 0px 0px 0px 7px; }
div.Panel div.Padding10 { padding: 10px; }
div.Panel div.Padding15 { padding: 15px; }

div.PanelHolder { margin-top: 5px; position: relative; height: 1%; }
div.PanelHolder.Border { border: 0px solid #ADA87B; padding: 0px; }

div.PanelHolder div.TwoCols {  }

div.PanelHolder div.Column { float: left; margin-right: 1px; position: relative; height: 1%; /*border-bottom: 1px solid #F2F2F2;*/  }
div.PanelHolder div.TwoCols div.Column { width: 230px; background: url('../Images/Layout/ContentBox_Content.png'); margin-left:5px; }
div.PanelHolder div.TwoCols div.End { width: 230px; margin-right: 0px !important; margin-left:20px; }

div.PanelHolder div.Panel.BlueBG a:link,
div.PanelHolder div.Panel.BlueBG a:visited { color: #EEE; text-decoration: underline; }
div.PanelHolder div.Panel.BlueBG a:hover { text-decoration: none; }

div.PanelHolder div.Panel div.Spacer { height: 10px; background: ; overflow: hidden; }
div.PanelHolder div.Panel div.SpacerFinish { height: 10px; overflow: hidden; }


/*--------------------------------------------------------------------------------*/
/* -- Panel TitleBox Icons
/*--------------------------------------------------------------------------------*/

div.Panel div.Icon { display: block; width: 100%; height: 100%; position: absolute; top: 6px; right: 10px; background: url('') right top no-repeat scroll; }
div.Panel div.Icon.FeatVenue { background-image: url('../images/icons/HotelIcon/Icon_FeatVenue.png'); width:36px; height:35px;  top: 6px!important; right: 15px!important; }
div.Panel div.Icon.FeatHotel { background-image: url('../images/icons/HotelIcon/Icon_FeatHotel.png'); width:39px; height:35px; }
div.Panel div.Icon.News { background-image: url('../images/icons/HotelIcon/Icon_News.png'); width:35px; height:32px; }
div.Panel div.Icon.Calender { background-image: url('../images/icons/HotelIcon/Icon_Calender.png'); width:32px; height:38px; top: -5px !important; right: 10px; }
div.Panel div.Icon.FeatVenue { background-image: url('../images/icons/HotelIcon/Icon_FeatVenue.png'); width:36px; height:35px; }
div.Panel div.Icon.SpecialOffer { background-image: url('../images/icons/HotelIcon/Icon_SpecialOffer.png'); width:69px; height:86px; top:-66px !important; right: -2px !important;  }
div.Panel div.Icon.RegOffers { background-image: url('../images/icons/HotelIcon/Icon_Register.png'); width:37px; height:33px; top:6px !important; right: 15px !important;  }
div.Panel div.Icon.WhereToStay { background-image: url('../images/icons/HotelIcon/Icon_Globe.png'); width:32px; height:38px; top:1px !important; right: 15px !important;  }

div.SubHeading div.Icon.BusinessPic { background-image: url('../images/icons/HotelIcon/Icon_Business.png'); width:68px; height:68px; top:5px !important; right: 3px !important; position:absolute;}
div.SubHeading div.Icon.LeisurePic { background-image: url('../images/icons/HotelIcon/Icon_Leisure.png'); width:68px; height:68px; top:5px !important; right: 3px !important; position:absolute;}
div.SubHeading div.Icon.CareersPic { background-image: url('../images/icons/HotelIcon/Icon_Careers.png'); width:68px; height:66px; top:5px !important; right: 3px !important; position:absolute;}

div.Panel div.TitleBox div.LinkArrows {  margin: 0px 0px 0px 0; padding: 0; background:  url('../Images/Buttons/Comm_BlueArrow.png') }


/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Login
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.LoginStatusBar { height: 17px; color: #FFF; position: relative; font-size: 90%; z-index: 100; background:#5D3790; border-bottom:1px solid #fff; }
div.LoginStatusBar div { }
div.LoginStatusBar div.Left { position: absolute; left: 5px; top: 2px; }
div.LoginStatusBar div.Right { position: absolute; right: 5px; top: 2px; }
div.LoginStatusBar a:link,
div.LoginStatusBar a:visited { color: #FFF; text-decoration: none; }
div.LoginStatusBar a:hover { text-decoration: underline; }
div.LoginStatusBar span.Divider { color: #999999; }

div.NoBorder { border-color: #fff; }

div.LoginStatusBarSmall {}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Main Menu
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.MainMenu { font-size: 12px; margin: 0px; position: absolute; left: 0px; top: 99px; height: 35px; width:999px; padding: 0px; margin: 0px; background: url('../Images/MainMenu/MenuBG.png') left top no-repeat scroll;  border-bottom:0px solid #138ece; }	
div.MainMenuBG { position:absolute; margin: 0px; height: 35px; width:999px; border:2px solid #E0F4F9; margin: 12px 0 0 4px; padding: 0px 0 0 3px;  }
div.MainMenu ul { position: absolute; top: 0px; left: 0px; padding: 0px 0px 0px 5px; margin: 0px; list-style: none; }
div.MainMenu ul li { float: left; margin-bottom: 1px; padding-right: 2px; margin-right: 2px; background: url('../Images/MainMenu/MenuDivider.png') right bottom no-repeat scroll;  }
div.MainMenu ul li a { padding: 0px 12px 0px 12px;; display: block; line-height: 35px;  text-transform:capitalize;  }

div.MainMenu ul li a:link,
div.MainMenu ul li a:visited { color: #FFF; text-decoration: none; background:; }
div.MainMenu ul li a:hover { color: #FF6600; }

div.MainMenu ul li.Selected {}
div.MainMenu ul li.Selected a:link,
div.MainMenu ul li.Selected a:visited,
div.MainMenu ul li.Selected a:hover { color: #FFF; background: #5D3790 ; padding-right: 15px; font-weight: bold; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* -- Sub Menu (when panels are "fixed" the height setting and white bg helps cover up the main page elements)
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.SubMenu { position: relative; font-size: 10px; background:  url('../Images/MainMenu/subMenuBG.gif') left top scroll repeat; }
div.SubMenuContent { margin: 0px; position:relative; display:block; height: 24px;  width: 975px; font-size: 11px;  }

div.SubMenu ul { list-style: none; margin: 0px; padding: 0px; height: 24px; position:absolute;  }
div.SubMenu ul li { float: left; margin: 0px 1px 0px 0px; height: 24px; }
div.SubMenu ul li a { display: block; line-height: 24px; padding: 0px 12px; border-right: 1px solid #AE5B26; text-transform: uppercase;  }

div.SubMenu ul li a:link,
div.SubMenu ul li a:visited { color: #FFF; text-decoration: none;  }
div.SubMenu ul li a:hover { color: #FFF; text-decoration: underline; background: #FF6600; }
div.SubMenu ul li a em { font-size: 90%; font-style: normal; color: #888; }

div.SubMenu ul li.Selected a:link,
div.SubMenu ul li.Selected a:visited { color: #FFF; background: #FF6600; text-decoration: none;  }	
div.SubMenu ul li.Selected a:hover { text-decoration: underline;  }


/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Footer Menu
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*

div.FooterMenu { height: 35px; position: relative; }
div.FooterMenu ul { position: absolute; top: 10px; left: 5px; padding: 0px; margin: 0px; list-style: none; }
div.FooterMenu ul li { float: left; border-right: 1px solid #DDD; }
div.FooterMenu ul li.LastItem { border-right: none; }
div.FooterMenu ul li a { padding: 0px 10px 0px; display: block; }

div.FooterMenu ul li a:link,
div.FooterMenu ul li a:visited { color: #B7B7B7; text-decoration: none; }
div.FooterMenu ul li a:hover { color: #B7B7B7; text-decoration: underline; }

div.FooterMenu ul li.Selected a:link,
div.FooterMenu ul li.Selected a:visited,
div.FooterMenu ul li.Selected a:hover { color: #B7B7B7; text-decoration: underline; }
*/

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Footer
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/


div.Footer { background: url('../Images/Footer/Footer_Bottom.png') #fff left top no-repeat scroll; height: 55px; width:999px; position: relative;  padding: 0px; margin: 0px; }
div.Footer div.Logo { position: absolute; top: 8px; right: 2px;}
div.Footer div.Logo h1 { margin: 0px; padding: 0px; }
div.Footer div.Logo a { display: block; width: 257px; height: 35px; background: url('../Images/Footer/LogoLetter.png') left top no-repeat scroll; }
div.Footer div.Logo a span { display: none;  }
div.Footer div.Title { display: none; }
div.Footer div.Banner { position: absolute; top: 2px; left: 188px; width: 655px; height: 167px; }
div.Footer div.Banner div.FlashHolder { position: absolute; top: -33px; left: 0px; width: 655px; height: 200px; }
div.Footer div.Banner div.FlashHolder div.GetFlash { position: absolute; top: 43px; left: 10px; } 
div.Footer div.LinkTopRight { position: absolute; top: 14px; right: 13px; color:#8bc53f; font-size:10px; font-weight:bold; text-transform: uppercase; } 



/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Pop Up Window Styling
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/






/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Quote
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.QuoteHolder { border: 1px solid #EEE; padding: 10px; background: #F2F2F2; position: relative; margin-bottom: 10px; }
div.QuoteHolder p { margin: 0px  !important; }
div.QuoteHolder p.Quote { font-size: 150%; margin-bottom: 5px !important; }
div.QuoteHolder p.QuoteBy {}
div.QuoteHolder p.Link { font-size: 90%; position: absolute; right: 10px; bottom: 10px; }

div.SideColumn div.QuoteHolder { border: none; background: none; color: #820000; }
div.SideColumn div.QuoteHolder p.Quote { font-size: 150%; margin-bottom: 5px; }
div.SideColumn div.QuoteHolder p.QuoteBy { color: #666; }
div.SideColumn div.QuoteHolder p.Link { position: relative; right: auto; bottom: auto; margin-top: 5px !important; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Generic Details
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*

div.Details { margin-bottom: 15px; }

div.Details h2 { color: #3A434B; font-size: 150%; margin: 0px; padding: 0px; background: none; width: 400px; }
div.Details p { margin: 5px 0px; }
div.Details p.SubHeading { color: #999; font-weight: bold; margin-bottom: 15px; }
div.Details p.Text { color: #3A434B; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Thumbnail Display
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*

/* -- Thumbs List, inline or block with options for editing -- *
div.ThumbsHolder { width: 100%; margin: 5px 0px 0px; }
div.ThumbsHolderContent {  }
div.ThumbsHolder div.Item { border: 1px solid #CCC; padding: 1px; margin: 0px 0px 5px 0px; position: relative; }
div.ThumbsHolder div.Item a { display: block; width: 95px; height: 95px; overflow: hidden; }
div.ThumbsHolder div.Item a img { margin: 0px; }
div.ThumbsHolder div.Options { position: absolute; top: 10px; left: 110px; }
div.ThumbsHolder div.Options a { display: inline; }

div.Inline { }
div.Inline div.Item {  float: left; margin-right: 5px; }

/* -- Normal Thumb -- *
div.ThumbHolder { float: left; width: 105px; height: 105px; margin-left: 0px; margin-top: 0px; }
div.ThumbHolderContent {  }
div.ThumbHolder div.Item { float: left; border: 1px solid #CCC; padding: 1px; margin: 0px 5px 5px 0px; position: relative; }
div.ThumbHolder div.Item a { display: block; width: 95px; height: 95px; overflow: hidden; }
div.ThumbHolder div.Item a img { margin: 0px; }

/* -- Team Thumb -- *
div.TeamImage { position: absolute; left: -220px; top: 0px; z-index: 1000; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* SideMenu Options
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.Options {}
div.Options.Margin { margin-top: 5px; }

div.Options h2 { color: #FFF; font-size: 100%; margin: 0px; padding: 0px 10px 6px; font-weight: normal; }
div.Options ul { list-style: none; margin: 0px; padding: 0px; height: 1%; }
div.Options ul li { margin: 1px 0px 0px; padding: 0px; position: relative; height: 1%; background: #7550A9 url('../Images/Layout/ContentTitleBGSimple.gif') left top repeat-x scroll; }

div.Options ul li a { display: block; height: 1%; margin: 0px; padding: 7px 10px; color: #FFF; font-weight: bold; } 
div.Options ul li a em { font-style: normal; font-size: 90%; }
div.Options ul li span { display: block; height: 1%; margin: 0px; padding: 7px 10px; color: #FFF; font-weight: bold; }

div.Options ul li a:link,
div.Options ul li a:visited { color: #FFF; text-decoration: none; }
div.Options ul li a:hover { text-decoration: underline;  }

div.Options ul li.Selected a { background: url('../Images/Layout/ContentTitleArrows.gif') right top no-repeat scroll; }
div.Options ul li.Selected a:link,
div.Options ul li.Selected a:visited,
div.Options ul li.Selected a:hover { border-left: 10px solid #820000; }
div.Options ul li.Selected a em { color: #666; }

div.Options ul li.Selected span { background: url('../Images/Layout/ContentTitleArrows.gif') right top no-repeat scroll; border-left: 10px solid #820000; }

div.Options ul li a em { color: #999; }
div.Options ul li a:hover em { color: #666; }

div.Options ul ul { background: #1B7DBA url('../Images/Layout/SideMenuBG.jpg') left top repeat-x scroll; padding: 3px 0px 6px; }
div.Options ul ul li { background: none; border-bottom: 1px solid #5CBAD6; }
div.Options ul ul li a { background: none; padding: 4px 10px; }

div.Options ul ul li a:link,
div.Options ul ul li a:visited { color: #FFF; text-decoration: none; font-weight: normal; }
div.Options ul ul li a:hover { text-decoration: underline; }

div.Options ul li.Selected ul li a { background: none; }
div.Options ul li.Selected ul li a:link ,
div.Options ul li.Selected ul li a:visited,
div.Options ul li.Selected ul li a:hover { border-left: none; }

div.Options ul ul li.Selected a { background: none; }
div.Options ul ul li.Selected a:link ,
div.Options ul ul li.Selected a:visited,
div.Options ul ul li.Selected a:hover { border-left: 5px solid #820000 !important; font-weight: bold; }





/*

div.Options div.Panel { background-color: #FDDFB4; padding: 8px 10px; border-top: 1px solid #FFF; border-bottom: 1px solid #FACE91; }

div.MiddleColumn div.Options ul li a { display: inline; padding: 0px; border: none; }
*/

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Floating Options
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.FloatingOptions { position: absolute; top: 40px; right: 2px; }
div.FloatingOptions.Indented { right: 205px; }

div.FloatingOptions ul { list-style: none; margin: 0px; padding: 0px; }
div.FloatingOptions ul li { margin: 0px 0px 0px 2px; padding: 0px; float: left; }
div.FloatingOptions ul li a {display: block; padding: 4px 8px 5px 12px; background-color: #F4F4F4; border-bottom: 1px solid #EEE; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* SideMenu Links -- #E5E5E5
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*

a.Link { background-position: 5px 4px; background-repeat: no-repeat; background-attachment: scroll; border-left: none !important; }
a.Link.Add { padding-left: 25px !important;  background-image: url('../Images/Icons/add.gif'); }
a.Link.BulletGo { padding-left: 25px !important;  background-image: url('../Images/Icons/bullet_go.gif'); }
a.Link.Page{ padding-left: 25px !important;  background-image:  url('../Images/Icons/page.gif'); }
a.Link.PageEdit { padding-left: 25px !important;  background-image: url('../Images/Icons/page_edit.gif'); }
a.Link.Print { padding-left: 25px !important;  background-image: url('../Images/Icons/printer.gif'); }
a.Link.Back { padding-left: 25px !important;  background-image: url('../Images/Icons/arrow_undo.gif'); }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Sponsors List
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.SponsorList { width: 547px; overflow: auto; text-align: center; padding: 10px; height: 85px; }
div.SponsorList ul { margin: 0px; padding: 0px; list-style: none; height: 65px; }
div.SponsorList ul li { margin: 0px; padding: 0px; float: left; margin-right: 20px; }
div.SponsorList ul li a { }
div.SponsorList ul li a img {}

div.SponsorList a {  }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Results
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.Results table { font-size: 90%; width: 100%; }
div.Results table th { background-color: #EEE; }
div.Results table th,
div.Results table td { border: 1px solid #CCC; padding: 3px 5px; }

div.Results table tr.Darker { background-color: #F3F3F3; }

div.Results table a:link,
div.Results table a:visited { text-decoration: none; font-weight: bold; }
div.Results table a:hover { text-decoration: underline; }

div.Results table.Highlight tr.over td,
div.Results table.Highlight tr:hover td { background-color: #FFFFCC; }

div.Results table tr.Highlight td { color: #820000; font-weight: bold; }

div.Results table.Sortable th a { display: block; height: 100%;  }
div.Results table.Sortable th a span { text-align: right; }
div.Results table.Sortable th a:link,
div.Results table.Sortable th a:visited { color: #666; text-decoration: none;  }
div.Results table.Sortable th a:hover { color: #666; text-decoration: underline; } 
div.Results table.Sortable th.Selected { background-color: #DDD; }
div.Results table.Sortable th.Selected a:link,
div.Results table.Sortable th.Selected a:visited { color: #CC3300; }
div.Results table.Sortable th span.SortArrow { margin-left: 5px; }

div.Results input.OrdinalUp { background: url(../Images/Icons/arrow_up.gif) left top no-repeat scroll; content: ""; }

div.Results table td.Hot { padding-left: 20px; }

div.UnderTableOptions { padding: 4px 8px; background-color: #EEE; font-size: 90%; }

div.UnderTableOptions a.Link {  }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Gallery
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
div.Packages { margin-bottom: 4px; }
div.Packages div.Description {font-size: 1.2em; padding: 5px 0px 5px 10px;}
div.Packages div.Cost {color: #24ACD6; padding:0px 0px 3px 20px; font-weight: bold; font-size: 1.4em;}




/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Forms
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

fieldset { margin: 10px 0px 30px; padding: 4px 4px 0px; display: block; border: 1px solid #EEE; }
fieldset legend { background: #DDD; color: #666; padding: 5px 20px; border-bottom: 1px solid #CCC; margin-bottom: 10px; display: none; }
fieldset div { margin: 0px 0px 4px; }

fieldset div.InputGroup { position: relative; }
fieldset div.InputItem { padding-left: 130px; position: relative; }
fieldset div.LinkerGroup { padding: 2px 0px 0px; }

fieldset div.InputItem label { display: block; position: absolute; top: 0px; left: 0px; width: 120px; text-align: right; padding: 4px 0px; color: #999; }

fieldset div input.Text { width: 300px; }
fieldset div input.URL { width: 260px; }
fieldset div input.Date { width: 70px; }
fieldset div input.Number { width: 50px; }
fieldset div input.Postcode { width: 70px; }
fieldset div input.Password { width: 150px; }
fieldset div textarea { width: 80%; height: 80px; }
fieldset div textarea.Tall { width: 98%; height: 150px; }

a.DatePicker { padding-left: 1px; cursor: pointer; }

fieldset em { color: #CC0000; font-style: normal; }
fieldset em.Grey { color: #999; }
fieldset span.ValidationError { color: #CC0000; }
fieldset span.Text { padding: 4px 0px; display: block; }
fieldset span.Limiter { color: #999; text-align: right; font-size: 90%; display: block; width: 70px; position: absolute; right: 0px; top: 0px; }

div.Submit { background: #EEE; margin: 0px; }
div.SubmitContent { padding: 4px 6px; text-align: right; }
div.Submit em { color: #CC0000; font-style: normal; }
div.Submit span.Left { float: left; }

/* fix IE6 *
* html fieldset div.InputItem label { left: -130px; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Errors and Warnings
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.Error,
div.Warning,
div.Info,
div.Success { padding: 10px 10px 10px 40px; margin: 10px 0px 20px; }

div.Error img,
div.Warning img,
div.Info img,
div.Success img { float: left; margin: 7px; }

div.Error { color: #CC0000;  border: 1px solid #E47676; background: #FAE5E5 url('../images/icons/messagebox_critical.gif') no-repeat scroll 7px 6px; }
div.Warning { color: #CC6600; border: 1px solid #FFCC00; background: #FFFFCC url('../images/icons/messagebox_warning.gif') no-repeat scroll 7px 6px; }	
div.Info { color: #003366; border: 1px solid #76AEE7; background: #E5EFFA url('../images/icons/messagebox_info.gif') no-repeat scroll 7px 6px; }
div.Success { color: #006600; border: 1px solid #6DC56D; background: #D9F0D9 url('../images/icons/messagebox_tick.gif') no-repeat scroll 7px 6px; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

/* Legacy */

/* ------------------------------------------------------------------------------------------------------------ */
/* -- Input Grid
/* ------------------------------------------------------------------------------------------------------------ */

div.InputGrid {}
div.InputGrid table { width: 100%; margin: 0px 0px 2px; }
div.InputGrid table td { padding: 4px 5px; }
div.InputGrid em { color: #CC0000; font-style: normal; }

div.InputGrid table td span.Grey { color: #666; }
div.InputGrid table td span.Grey a:link,
div.InputGrid table td span.Grey a:visited { color: #666; text-decoration: none; }
div.InputGrid table td span.Grey a:hover { color: #666; text-decoration: underline; }

div.InputGrid table td.Label { text-align: right; width: 160px; padding: 8px 5px; }
div.InputGrid table td.CheckBoxes label { display: block; }
div.InputGrid table td.Text { padding: 8px 5px; color: #003366; }

div.InputGrid table input.Text { width: 300px; }
div.InputGrid table input.URL { width: 260px; }
div.InputGrid table input.Date { width: 70px; }
div.InputGrid table input.Number { width: 50px; }
div.InputGrid table textarea { width: 98%; height: 150px; }

div.InputGrid table.Orange { border: 1px solid #A66DC8; color: #000; background: #D7BCE7; }
div.InputGrid table.Blue { border: 1px solid #000071; color: #000; background: #9BCBFF; }
div.InputGrid table.Grey { border: 1px solid  #CCCCCC; color: #000; background: #E6E6E6; }

div.InputGrid div.Submit { text-align: right;position: relative;height: 50px;  }

div.Submit { text-align: right; margin: 10px 0px; position: relative; height: 40px; }
div.Submit span.Left { display: block; position: absolute; top: 0px; left: 0px; text-align: left; }
* html div.Submit  { margin-top: 0px; }

div.InputGrid span.ValidationError { color: #CC0000; }
div.InputGrid span.Show { }
div.InputGrid span.Hide { }

div.InputGrid div.Orange { border: 1px solid  #FFCC80; color: #000; background: #FFEACA; padding: 4px 5px; margin: 0px 0px 2px; }
div.InputGrid div.Blue { border: 1px solid  #9CCCCC; color: #000; background: #D8EBEB; padding: 4px 5px; margin: 0px 0px 2px; }
div.InputGrid div.Grey { border: 1px solid  #CCCCCC; color: #000; background: #E6E6E6; padding: 4px 5px; margin: 0px 0px 2px; }