body,html 
{ font-family: Tahoma, Arial, Helvetica; margin:0; padding:0; background-color:#000; color:#eee; background-image:url("images/darkgrad4.png"); background-repeat:repeat-x; background-position:top;}

a
{ color:#ddd; }
img 
{ border:0px; }
input, select, textarea
{ line-height:1.3em; font-size:1em;}
select
{ height:1.6em; font-size:1em;}
p, h1, h2, h3, h4, h5, h6
{ color:#eee;}

/*Overall sizing / behaviour */
/*optimized for 1024*768 */
#page 
{ width:77em; }
#promos, #footer, #nav
{ width:99.5%; }
#subnav, #content
{ min-height:35em; }
#mainpanel.homepage #subnav, #mainpanel.homepage #content
{ height:auto; min-height:26em; padding:0px; margin:0px; }
#mainpanel.homepage #subnav 
{ display:none; }
#mainpanel.homepage #content
{ width:99%;float:left; }
#homeIntro
{ margin-top:5px; width:100%; padding:3px; background-color:#000; text-align:center; height:26em; }

/* use to dynamically resize homepage image*/
#homeIntro img
{ vertical-align:middle; text-align:center; }

/* Overall Coloring for theme */
#page, #mainpanel, #content
{ background-color:#000; color:#eee; }
#LangaugePicker
{   position:absolute; top:1px; left:30em;}
/*
#mainpanel, #mainpanel ul, #mainpanel h1, #mainpanel h2, #mainpanel h3 ,#mainpanel h4, #mainpanel h5, #mainpanel h6
{ color:#eee; background-color:#000;}
*/

table.Packages
{ /*width:40em;*/ }

/*generic html element styles */
h1,h2,h3,h4{ margin:0em; padding:0.3em; margin-bottom:0.5em; width:80%; }
h1{ font-size:1.3em; border-bottom:solid 2px #333;}
h2{ font-size:1.2em; border-bottom:solid 2px #333;}
h3{ font-size:1.0em;}
h4{ font-size:0.9em;}
.subtitle
{ font-weight:bold;margin:4px}

form
{ margin:0; padding:0; }
a,a:visited,a:active
{ color:#e8e8e8; }
a:hover
{ color:#eee; }
/*input, select { border-width:1px; padding:1px;font-size:0.9em;}*/

/*main layout divs*/
#page 
{ font-size:0.8em; margin:0 auto; text-align: left; padding: 0px; border:0px; }
#header 
{ color:#dddddd; font-size:0.9em; background:#333333; }
#header a, #header a:hover, #header a:active, #header a:visited 
{ color:#dddddd; background:#333333; }
#header h1 
{ padding:5px; }
#loginbox
{ text-align:right; width:32%; float:right; padding:3px; height:6.5em; }
#loginbox div.cart
{ float:right; clear:both;}
#loginbox div.cart a
{ line-height:2.2em;}
#loginbox div.cart img
{ float:right;}
#nav 
{ clear:both; background:#ffffff; color:#333333; height:2em; line-height:2em; margin-top:0px; font-size:0.9em; background-image:url("images/NavBar_top.gif"); background-repeat:repeat-x; background-position:top; padding-top:5px; }
#nav ul.AspNet-Menu
{ margin:0px; padding:0px; width:100%;list-style:none;height:2.2em;background-image:url("images/NavBar_bottom.gif"); background-repeat:repeat-x; background-position:bottom; padding-bottom:7px; }
#nav li
{ display:inline; margin:0; padding:0px; text-align:center; padding:0px;}
#nav li a,#nav li a:visited,#nav li a:active
{ color:#222222; font-weight:bold; text-decoration:none; width:9em; border:solid 1px #eee; }
#nav li a:hover
{ color:#000000; background-color:#ffffff; text-decoration:none; border:inset 1px #eeeeee; }
#mainpanel
{ clear:both; width:100%; }
#content
{ float:right; padding:0.5%; width:75%; margin:0.5%; margin-top:20px; vertical-align:top; height:auto; }
#subnav 
{ float:left; width:20%; margin:0.5%; min-height:40em; }
#footer, #footer p, #footer a, #footer a:hover, #footer a:active, #footer a:visited 
{ margin-top:4em; text-align:center;clear:both; color:#eeeeee; font-size:0.95em; }
#logo
{ padding-left:5px; float:left; background-color:#000; }
#logo img
{ border:0px;}
#logo img.hispeed
{ margin-left:8em;}
#logo a,#logo a:visited,#logo a:active,#logo a:hover
{ /*color:#eeeeee; text-decoration:none;*/ }
#printlogo
{ display:none; }

td,th
{ border-color:#999; padding:1px;}

div.ResultsPanel th
{ background: url("images/box-hd.gif"); background-repeat:repeat-x; }

div.languages
{ margin:0px; width:230px; height:40px; }
div.languages img
{ display:inline; margin:3px; }

div.Article
{ width:77%; color:#eee; background-color:#000; }
div.wide
{ width:99%; }
div.Article div.Header h3
{ border-bottom:solid 2px #333; margin-left:1em; font-size:1.1em; }
div.Article div.Summary
{ margin:0.5em; padding:0.5em; }
div.Article div.Body
{ width:96%; padding:2%;}
div.Article div.Body img
{ border:solid 2px #ccc; max-width:98%; float:left; clear:left; margin:1%; }
div.ArticleEdit .input
{ width:75%; }

div.popup
{ top:5px; text-align:center; width:44em; vertical-align:middle; color:#111; background-color:#f6f6f6;}
div.popup div.Article
{ color:#111; background-color:#f6f6f6; width:94%;}
div.popup div.content
{ border:solid 2px #ccc; height:32em; text-align:left; vertical-align:middle;}
div.popup div.content div.inner
{ height:82%; width:94%; margin:1%; padding:1%; overflow:auto; border:1px solid #ccc; }
div.popup div.content div.inner div.article div.body 
{ width:98%;  background-color:#f6f6f6;}
.modalBackground 
{ background-color:Gray; filter:alpha(opacity=70); opacity:0.7;}
div.popup, div.popup p, div.popup a, div.popup ul, div.popup ol, div.popup li, div.popup h1, div.popup h2, div.popup h3, div.popup h4, div.popup h5
{ color:#111; background-color:#f6f6f6;}


.AccordionHeader
{ padding:2px;line-height:1.6em; background: url("images/box-hd.gif"); background-repeat:repeat-x; width:92%; margin:2px;}

#promos
{ background-color:#000; clear:both;border:none; padding:0px; height:9.5em; min-height:9.5em; }

/*class elements with layout*/
.promo
{ background-color:#000; padding:0px; width:25%; float:left; }
.promo img
{ margin-right:4px; border:solid 2px #666; max-height:100px; }
.promo ul
{ margin:0px; padding:0px; list-style:none; }

/*panel styling*/
.promo .header, .promo .AccordionHeader
{ background: url("images/box-tl.gif") no-repeat top left; padding:0px; margin:0px;}
 .promo .AccordionHeader
 { width:100%;}
.promo .header h4, .promo .AccordionHeader h4
{ line-height:35px; margin:0px; padding:0px; background: url("images/box-tr.gif") no-repeat top right; margin-left:3%; width:97%;}
.promo 
{ margin:0px; background: url("images/box-bl.gif") no-repeat bottom left;}
.promo .content, .promo .AccordionContent
{ margin:0px; background: url("images/box-br.gif") no-repeat bottom right; margin-left:3%;padding-right:3%; width:94%; height:9.5em; min-height:9.5em; padding-bottom:7px; }
.promo .content p, .promo .AccordionContent p
{ margin:0px 4px 4px 4px; padding-top:6px; }
.subnav 
{ margin:10px 0px 0px 0px; width:100%; background: url("images/box-bl.gif") no-repeat bottom left;}
.subnav .header 
{ background: url("images/box-tl.gif") no-repeat top left; }
.subnav .header h4 
{ line-height:36px; margin:0px; padding:0px; background: url("images/box-tr.gif") no-repeat top right; margin-left:5%; width:95%;}
.subnav .content 
{ padding-bottom:10px; padding-top:1px; margin:0px; background: url("images/box-br.gif") no-repeat bottom right; margin-left:3%; width:97%; height:34em; min-height:34em; }
.subnav a
{ float:left; width:96%; border:solid 1px #333; line-height:1.8em; background-color:#111; text-decoration:none;}
.subnav a:hover
 { border:inset 1px #444; background-color:#222;}
.Advert250sq
{ background-color:Silver; }

#subnav .promo, #subnav .list
{ width:99%; height:auto; min-height:8.5em;}
#subnav .list
{ height:12em; min-height:12em;}


/*formatting divs / classes*/
.fieldname
{ text-align: right;font-weight: bold;}

.label, .Label
{ text-align:right; width: 30%; float:left; line-height: 1.6em; vertical-align: top; }

.message, .Message
{ display:block; margin:0.5em; font-weight:bold;}

/*styling for forms*/
.DetailsForm, .FormPanel
{ color: #eee; background-color:#000; width:45em; }
.DetailsForm fieldset 
{ margin-bottom: 5px;border-color:#000; border:none; }
.DetailsForm legend 
{ padding: 0 2px; font-weight: bold; color:#fff; margin-left:0px;/*
width:38em; background-color:#666; line-height:1.8em; text-align:center; background: url("images/box-hd.gif"); background-repeat:repeat-x; margin-bottom:15px; */ }
.DetailsForm label
{ display:inline;/*inline-block;*/ text-align:right; line-height: 1.6em; vertical-align: top; }
.DetailsForm fieldset ol 
{ margin: 10px 0px 0px 0px; padding:0px; }
.DetailsForm fieldset li 
{ list-style: none; padding: 2px; }
.DetailsForm fieldset fieldset 
{ border: none; margin: 3px 0 0; }
.DetailsForm fieldset fieldset legend 
{ padding: 0px 0px 5px; font-weight: normal; }
.DetailsForm fieldset fieldset label 
{ display: block; width: auto; }
.DetailsForm em 
{ font-weight: bold; font-style: normal; color: #f00; }
.DetailsForm label
{ width: 28%; float:left; }
.DetailsForm input.single, .DetailsForm select.single
{ display:inline; width:44%; }
.DetailsForm input.double, .DetailsForm select.double
{ display:inline; width:22%; }
.FormButtons
{ margin-left:29%; margin-top:1em; }
.FormButtons input, .FormButtons div.button, .DetailsForm .FormButton, .DetailsForm .Button
{ background-color:#000; font-weight:bold; height:38px; width:125px; line-height:2em; border:none; color:#eee;background-image:url("images/button.gif"); background-repeat:no-repeat; }
.FormButtons div.buttonMed, .DetailsForm .FormButtonMed, .DetailsForm .ButtonMed
{ background-color:#000; font-weight:bold; height:38px; width:191px; line-height:2em; border:none; color:#eee;background-image:url("images/buttonmed.gif"); background-repeat:no-repeat; }
.FormButtons a
{ padding-top:5px; height:2.5em;}


/*Popup DetailsView styling */
div.DetailsEditForm
{ background-color:#000; padding:2em; border:solid 2px #ccc; z-index:1100; margin:1em; min-width:40em;}
div.DetailsEditForm .AspNet-DetailsView-Name
{ min-width: 10em; display:inline; float:left; }
div.nav, div.AspNet-Menu-Horizontal, ul.AspNet-Menu, li.AspNet-Menu-Leaf, a.AspNet-Menu-Link
{ z-index:900; }


/*misc GUI widget styling*/
.StatusInfo
 { width:14.2em; border:solid 2px #333;line-height:2em;background-color:#111;}
.StatusInfo .Label
{ float:left; clear:left; margin:0.2em; width:7.6em; vertical-align: top; }
.StatusInfo input, .StatusInfo .Value
{ width:5em; float:right; clear:right; }


/* Tab Panel styling */
.TabPanel .AspNet-DataList
{ height:auto; min-height:85%; width:90%; overflow:auto; }

/*Button Styling*/
span.ButtonOuter
{ background-image:url("images/button_l.png"); background-position:left; padding-left:8px; }

/*Login Button / name */
.loginText, .loginText:hover
{ font-size:1.0em; text-decoration:none; color:#eeeeee; background-color:#111111;padding:2px; }
.LoginButton, .RPGButton
{ background-color:#000; width:125px; vertical-align:middle; font-weight:bold; height:38px; margin:0px; background-image:url("images/button.gif"); background-repeat:no-repeat; text-align:center;}
.RPGButtonMed, .ButtonMed
{ background-color:#000; width:191px; vertical-align:middle; font-weight:bold; height:38px; margin:0px; background-image:url("images/buttonmed.gif"); background-repeat:no-repeat; text-align:center;}
.LoginButton a, .RPGButton a
{ background-image:url(""); padding:8px 0px 8px 0px; text-decoration:none; vertical-align:middle; width:123px; display:block;}
.LoginButton
{ font-size:1.1em; float:right; clear:both;}

/*restyle the tabbed forms*/

div.TabPanel
{ background-color:#000; min-height:25em; max-height:34em; overflow:auto; margin-left:1em;}
.TabbedForm, .TabbedForm div, .TabbedForm div div
{ padding:0px; border-color:#111111; }
.TabbedForm
{ margin-top:10px;}
#ctl00_MainContent_UserAccountControl1_TabContainer1_TabPanel1,
#ctl00_MainContent_UserAccountControl1_TabContainer1_body
{ padding:0px;}

/*styling for rounded corners*/
.rbroundbox 
{ background: url("images/nt.gif") repeat; }
.rbtop div 
{ background: url("images/tl.gif") no-repeat top left; }
.rbtop 
{ background: url("images/tr.gif") no-repeat top right; }
.rbbot div 
{ background: url("images/bl.gif") no-repeat bottom left; }
.rbbot 
{ background: url("images/br.gif") no-repeat bottom right; }
.rbtop div, .rbtop, .rbbot div, .rbbot 
{ width: 100%; height: 7px; font-size: 1px; }
.rbcontent 
{ margin: 0 7px; }
.rbroundbox 
{ margin: 1em auto; }

/*Order pages step styling */
.Step,.StepSelected
{ text-align:center; background-color:#222;width:14em; height:2em; padding:4px; font-size:1.2em; }
.StepSelected
{ background-color:#333; border:solid 1px #999; }

/*Generic list styling*/
.AspNet-DataList
{ width:100%; overflow:visible; margin-top:10px; margin-bottom:10px; }
.ajax__tab_tab
{ color:#000; }
.ajax__tab_body,
#ctl00_MainContent_TabContainer1_body, #ctl00_MainContent_UserAccountControl1_TabContainer1_body
{ background-color:#000; }
div.EditArticlePanel iframe, ctl00_MainContent_dvwArticle_txtBody___Frame
{ background-color:#fff; color:#eee;}
div.EditArticlePanel label div.EditArticlePanel input.Label, div.EditArticlePanel select.Label, div.EditArticlePanel textarea.Label
{ width:33%;}

.row, .rowh
{ border-bottom:solid 1px #666; width:100%; margin-top:4px;}
.cell, .celln, .cellw
{ display:inline; width:14em; float:left; }
.cellw
{ width:21em; }
.celln
{ width:7em; }
.rowh
{ padding:0.5em; border-top:solid 1px #999; border-bottom:solid 1px #999; margin-top:1em; margin-bottom:1em; }

/*Package listing and order styling*/
div.order table tr.header, div.order table tr.footer
{ height:2em; border-top: solid 1px #999; border-bottom: solid 1px #999;}/*background-image:url("images/leaderboard_time_bg.png");*/
table.OrderSummary, table.PackageListing
{ margin:0.5em; width:34em;}
table.OrderSummary td.footer
{ padding:0.5em; border-top:solid 1px #666; border-bottom:solid 1px #666;}

#ProgressBox
{ position: absolute; z-index:999; top:0px; height:40em; width:50em; text-align:center; vertical-align:middle;}
#ProgressBox div
{ width:35em; height:25em; background-color:#000; text-align:center; margin-top:15em; border:solid 1px #333; padding:2em; }
#ProgressBox div span
{ width:8em; height:8em; background:#111 url("images/progress_4.gif") no-repeat; margin-top:8em;}

.PadLabel
{ line-height:2em; float:left;}

/*Transaction history*/
div.TransactionHistory, div.RangeSummary
{ width:95%; margin:1%; min-height:25em;}
div.TransactionHistory table, div.TransactionHistory .AspNet-GridView
{ width:90%;}
div.TransactionHistory table th
{ background: url("images/box-hd.gif"); padding:3px; background-repeat:repeat-x;}
div.TransactionHistory table td
{ padding:3px;}

div.RangeSummary table
{ width:75%;}
div.RangeSummary table th
{ background: url("images/box-hd.gif"); padding:3px; background-repeat:repeat-x;}
div.RangeSummary table td
{ padding:3px;}
div.RangeSummary table td.total
{ border-top:solid 1px #666; border-bottom:solid 1px #666;}

/*Leaderboard styling*/
div.LBHeaderForm
{ font-weight:bold; margin-left:2px;}
div.LBHeaderForm .label
{ width:7em; }
div.LBHeaderForm .inputMed
{ margin:2px 10px 3px 10px; width:18em; }
div.LBHeaderForm .inputWide
{ margin:2px 10px 3px 10px; width:11em; }
div.LeaderBoard
{ height:27em; min-height:27em; background:url("images/leaderboardbg.jpg"); width:95%; }
div.LeaderBoard table 
{ color:#eee; font-size:1.1em; width:25em; padding:0em; }
div.LeaderBoard table td, div.LeaderBoard table th 
{ padding:0px; position:relative}
div.CellContainer
{ width:4em;}
div.LBCellBG, div.LBCellBGN, div.LBCellBGM, div.LBCellBGW, div.LBHeaderBG, div.LBHeaderBGN, div.LBHeaderBGM, div.LBHeaderBGW
{ left:0px; position:relative; height:2.1em; width:8em; z-index:0;margin:0px; border:none; margin-top:-2em; overflow:hidden; }
div.LBCell
{ width:5em;overflow:hidden; }
 div.LBCellN, div.LBHeaderN
{ width:5em;overflow:hidden; }
 div.LBCellM,  div.LBHeaderM
{ width:11em;overflow:hidden; }
div.LBCellW
{ width:14em;overflow:hidden; }
div.LBCellBG, div.LBHeaderBG
{ width:7.5em;overflow:hidden; }
div.LBCellBGN, div.LBHeaderBGN
{ width:5em;overflow:hidden; }
div.LBCellBGM, div.LBHeaderBGM
{ width:11em; overflow:hidden; }
div.LBCellBGW, div.LBHeaderBGW
{ width:14em;overflow:hidden; }
div.LBCellBG img, div.LBCellBGM img, div.LBCellBGN img, div.LBCellBGW img, div.LBHeaderBG img, div.LBHeaderBGM img, div.LBHeaderBGN img, div.LBHeaderGW img
{ z-index:0; height:100%; width:100%; margin:0px; border:none; }
div.LBCell, div.LBHeader, div.LBCellN, div.LBHeaderN, div.LBCellM, div.LBHeaderM, div.LBCellW, div.LBHeaderW
{ text-align:left; color:#eee; padding-left:0.5em; padding-top:0.2em; line-height:1.8em; position:relative; left:0px; top:0px; margin:0px; border:none; z-index:10; height:1.8em; overflow:hidden; }
div.LBHeader, div.LBHeaderN, div.LBHeaderM, div.LBHeaderW
{ color:#000;}

 div.LBTime
{ width:100%; text-align:center; line-height:3em;height:3em; min-height:39px; background: url("images/leaderboard_time_bg.png") repeat-x top left;}
div.LBFooter
{ min-height: 55px; width:100%; vertical-align:top; background: url("images/leaderboard_bot_bg5.gif") repeat-x top left;}
div.LBFooter span, div.LBFooter div
{ min-height: 55px; float:left; border:none; margin:0px; padding:0px; vertical-align:middle;}
div.LBFooter span.title
{ font-size: 1.8em; padding:12px; color:#000; background-color:#fff; background: url("images/leaderboard_bot_bg1.gif") repeat-x top left; }
div.LBFooter span.prizetitle
{ font-size: 1.6em; height:100%; padding:8px 12px 10px 40px; color:#eee; background-color:#006; background: url("images/leaderboard_bot_bg2.gif") no-repeat top left; }
div.LBFooter div.prizetext
{ font-size: 1.2em; padding-top:12px; padding-left:6px; width:14em; color:#000;}
div.LBFooter div.prizes div.prize
{ font-size: 1.2em; padding-top:12px; padding-left:6px; width:4.5em; color:#000;}
div.LBFooter div.prizes div.prize span.place
{ color:orange;}
div.LBFooter div.prizes, div.LBFooter div.prize
{ vertical-align:top; float:left;}
div.LBFooter div.prizes div.prize span.text
{ width:auto;}

/*mini leaderboard styling */
div.subnav .content table
{ margin-bottom:3px;}
table.LeaderboardMini
{ border-color:#111; width:94%;}
table.LeaderboardMini th
{ padding:2px; color:#111; background: url("images/mini_header.gif") repeat-x top left; background-color:#ccc; text-align:center; border:solid 2px #111; }
table.LeaderboardMini td
{ padding:2px; background: url("images/mini_column.gif") repeat-x top left; text-align:center; border:solid 2px #111;}


div.promo table.LeaderboardMini
{ width:98%;}
div.promo table.LeaderboardMini th, div.promo table.LeaderboardMini td
{ padding:1px; }

/*pagination for custom gridview paging*/
div.pagination 
{ padding: 3px; margin: 3px;}
div.pagination a 
{ padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #AAAADD; text-decoration: none; /* no underline */ color: #000099;}
div.pagination a:hover, div.pagination a:active 
{ border: 1px solid #000099; color: #000;}
div.pagination span.current 
{ padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #000099; font-weight: bold; background-color: #000099; color: #FFF;}
div.pagination span.disabled 
{ padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #EEE;color: #DDD;}
th, tr.Footer
{ border-top: solid 1px #333; border-bottom: solid 1px #333; }
.ajax__calendar_container
{ background-color:#111; color:#eee; }

/*Article styling*/
.ArticleList table, .ArticleList table div
{ width:96%;}
.ArticleList table div.article
{ width:96%; background-color:#080808;margin:1em; padding:1em;}
.ArticleList table div.article div.title
{ width:96%; background-color:#111;padding:1em;}

.ArticleList , .ArticleList .Item, .ArticleList .Item div
{ width:98%;}
.ArticleList div.Item, div.AspNet-DetailsView-Data ul li, div.ArticleList div.Article
{ background-color:#111; margin:0.5%; padding:0.5%; border:solid 1px #333;}
.ArticleList div.Item div.Content
{ min-height:9em; overflow:auto; padding:0.5em;}
.ArticleList div.Item h4, .ArticleList div.Item h3
{ border-bottom: none;}
.ArticleList div.Item div.Teaser
{ line-height:2em; margin-bottom:0.5em; background-color:#222; width:80%; padding-left:1em;}
.ArticleList div.Item img, div.promo div.content img
{ float:right; clear:right; max-height:100px; border:solid 3px #666;}
.ArticleList div.Item div.Sample
{ min-height:3em; width:80%;}
div.ArticleList div.Item p
{ width:77%;}

/*text box image gallery styling */
div.ImageGallery, div.ImageGallery table, div.ImageGallery div
{ color:#000; background-color:#fff;}
div.ImageGallery input
{ height:auto;}

span.AspNet-DetailsView-Name
{ font-size:1em; text-align:left; width: 30%; line-height: 1.6em; vertical-align: top; }

span.AspNet-DetailsView-Value
{ font-size:1em; display:inline; }

span.AspNet-DetailsView-Value input, span.AspNet-DetailsView-Value textarea
{ width:20em;}

div.EditArticlePanel span.AspNet-DetailsView-Name, div.EditArticlePanel span.AspNet-DetailsView-Value
{ width:100%; display:block;}

table.BayTable
{ border:solid 1px #333; }
table.BayTable th, table.BayTable td
{ padding: 2px; border-left:solid 1px #333;border-top:solid 1px #333;}
.BayTable .narrow, .BayTable .narrow input
{ width:6em;}
.BayTable .medium, .BayTable .medium input
{ width:10em;}
.BayTable .vnarrow, .BayTable .vnarrow input
{ width:2.5em;}
div.panel
{ padding:5px;margin-left:10px;}
div.contentPanel
{ width:75%;}

.ClearBoth
{ clear:both; }

div.Feedback div.DetailsForm input.single, div.Feedback div.DetailsForm textarea
{ display:inline; width:20em; }

.EditButton, span.AspNet-DetailsView-Name 
{ margin:1px; padding:2px; background-color: #eee; color:#000; border:solid 2px #ddd; text-decoration:none; line-height:2em;}

a.EditButton:hover, span.AspNet-DetailsView-Name a:hover
{ color:#333; }

span.AspNet-DetailsView-Name a
{ padding:3px; font-size:1.1em;}

div.infoPanel
{ width:19%; background:url("images/info_icon.gif") no-repeat top right; border:inset 2px #666; background-color:#000; float:right; margin:0px; }
.infoPanel div.Article
{ width:100%;}
#infoPanel p, .infoPanel p
{ padding:1%;}
#infoPanel h3, div.infoPanel h3
{ width:75%; border-bottom:solid 1px #666; margin-top:0px; }
#infoPanel img, .infoPanel img
{ float:right; }

.BookingSchedule
{ background-color:#000; color:#eee;}
.BookingSchedule th
{ background-color:#eee; color:#000;}

div.DetailsViewPanel
{ }

div.AspNet-GridView table
{ width:98%; }

/*Generic layout / formatting classes*/
.inline
{ display:inline; }
.block
{ display:block; }
.floatright
{ float:right; }
.floatleft
{ float:left; }
.imageright img, img.imageright
{ float:right; }
.imageleft img, img.imageleft
{ float:left; }
.fullwidth
{ width:100%; }
.halfwidth
{ display:inline; width:50%; }
.webpartzone
{ width:50%; height:20em; }
.hidden
{ display:none; }
.spacer 
{ clear: both; overflow: hidden; }
.warning
{ color:Red; margin-left:1em;}
.bold
{ font-weight:bold; } 
.center
{ text-align:center; }
.fullwidthcenter
{ width:100%; text-align:center;  }

.progressbarcontainer
{   width:80%; border:solid 2px #666; padding:2px; }
.progressbar
{   height:1em; width:1%; background-color:#666; }