body { display: block; padding: 0px; margin: 0px; background-color: #CCCCCC; font-size: 14px; }
html { overflow-y: scroll; }
#ContentManagement { background-color: #FFFFFF; background-image: none; padding: 18px; }

a, a:link, a:visited { color: #FFFFFF; }
a:hover { color: #FF0000; }
.L0 { padding: 5px 0px 5px 30px; }
.L0 li { padding: 0px 0px 5px 0px; }

.TableTitle { background-color: #000066; color: #FFFFFF; font-weight: bold; padding: 2px 0px 2px 0px; }
.TableGrid, .TableGrid td { padding: 2px; border: 1px solid #cccccc; }
.TablePrice { text-align: right; }
.TableNumber { text-align: right; }
.Status { font-weight: bold; color: #FF0000; }
.Validator { color: #FF0000; font-weight: bold; }

#nav { float: left; height: 46px; margin: 0px; list-style: none; font-family: Verdana, Arial, Helvetica, sans-serif; }
#nav li { float: left; margin: 0px; padding: 0px; font-size: 10px; }
#nav a { float: left; display: block; color: #ffffff; margin: 0px; padding-left: 10px; padding-right: 10px; line-height: 46px; min-width: 110px; text-align: center; text-decoration: none; text-transform: uppercase; border-right: #ffffff 1px solid; border-left: #ffffff 1px solid; vertical-align: middle; font-weight: bold; }
#nav a:hover { color: #ff0000; background-color: #000000; font-weight: bold; }
#nav .selected { color: #ff0000; background-color: #000000; font-weight: bold; }

.left-nav { margin: 0px; padding: 0px; font-size: 10px; list-style: none; font-family: Verdana, Arial, Helvetica, sans-serif; }
.left-nav a { display: block; margin: 0px; padding: 5px 0px 5px 2px; text-decoration: none; line-height: 12px; background: #aaaaaa; color: #ffffff; border-bottom: solid 1px #330099; }
.left-nav a:hover { background-color: #ff0000; color: #ffffff; }

#QuickLink { margin: 0px; list-style: none; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px; }
#QuickLink li { margin: 0px; padding: 0px; font-size: 10px; display: inline; }
#QuickLink a { color: #ffffff; margin: 0px; padding-left: 10px; padding-right: 10px; line-height: 20px; text-decoration: none; font-weight: bold; }
#QuickLink a:hover { color: #ff0000; font-weight: bold; }

#MenuBarContainer { background-color: #000066; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; height: 46px; }
#MenuBar { margin: 0px auto; width: 1000px; }
.MenuLabel { padding: 2px 4px 0px 4px; color: #000066; }
.MenuField { padding: 0px 4px 2px 4px; color: #000000; }
.MenuField .Field { width: 134px; }
.MenuLabel .Button { border: solid 1px #000000; background-color: #000033; color: #ffffff; padding: 2px; }
.MenuLabel .Button:Hover { color: #ff0000; }

#ContainerPanel { width: 1000px; margin: 0 auto; }
#TopPanel { height: 126px; clear: both; background-image: url(Images/LogoRight.png); }
#TopPanelLogo { height: 126px; margin: 0px auto; width: 1000px; z-index: 300; position: relative; background-image: url(Images/Logo.png); background-repeat: no-repeat; }
#TopPanelLeft { height: 126px; width: 40%; background-image: url(Images/LogoLeft.png); z-index: 100; position: absolute; top: 0px; left: 0px; }

#LeftPanel { padding: 2px; background-color: #000066; float: left; width: 145px; margin: 0px 14px 14px 14px; }
#LeftPanelContent { padding: 0px; background-color: #FFFFFF; width: 145px; min-height: 500px; }

#MainPanel { padding: 2px; background-color: #000066; float: left; width: 800px; margin: 0px 0px 14px 0px; }
#MainPanelContent { padding: 0px; background-color: #FFFFFF; width: 800px; min-height: 500px; }

#RightPanel { padding: 2px; background-color: #000066; width: 235px; margin: 0px 14px 14px 14px; float: left; }
#RightPanelContent { padding: 0px; background-color: #FFFFFF; width: 235px; min-height: 500px; }

#BottomPanel { background-color: #000066; clear: both; color: #FFFFFF; font-weight: bold; text-align: center; height: 40px; padding: 6px; clear: both; }

#TitleBar { height: 32px; background-image: url(/Content/Theme/Images/TitleBar.png); margin: 14px auto; width: 1000px; }
.PageTitle h1 { color: #ffffff; font-size: 20px; text-align: left; text-transform: capitalize; font-weight: bold; padding: 5px 0px 5px 14px; }
.MenuItem { padding: 0px 0px 5px 0px; }
.MenuItem, .MenuItem a { text-align: center; color: #FFFFFF; font-weight: bold; font-size: 14px; }
.MenuItem a:hover { color: #FF0000; }
.MenuTitle { font-weight: bold; text-align: center; color: #ffffff; padding: 5px 0px 5px 0px; background-color: #000066; }

#MainContentPanel { padding: 8px; min-height: 500px; }
#TopContentPanel { margin: 0px 0px 6px 0px; z-index: 100; padding: 0px 0px 0px 0px; background-color: #FFFFFF; }
#LeftContentPanel { width: 318px; float: left; margin: 0px 0px 6px 0px; text-align: center; }
#RightContentPanel { margin: 0px 0px 6px 318px; text-align: center; }
#BottomContentPanel { clear: both; padding: 12px; }

.Border1 .Top .Right { padding: 0px 18px 0px 0px; background: url(images/Border1TR.png) no-repeat top right; }
.Border1 .Top .Left { padding: 0px 0px 0px 18px; background: url(images/Main/Border1TL.png) no-repeat top left; }
.Border1 .Top .Centre { background: url(images/Border1T.png) repeat-x top left; height: 18px; }
.Border1 .Bottom .Right { padding: 0px 18px 0px 0px; background: url(images/Border1BR.png) no-repeat bottom right; }
.Border1 .Bottom .Left { padding: 0px 0px 0px 18px; background: url(images/Border1BL.png) no-repeat bottom left; }
.Border1 .Bottom .Centre { background: url(images/Border1B.png) repeat-x bottom left; height: 18px; }
.Border1 .Right { padding: 0px 18px 0px 0px; background: url(images/Border1R.png) repeat-y top right; }
.Border1 .Left { padding: 1px 0px 1px 18px; background: #ffffff url(images/Border1L.png) repeat-y top left; }

input, textarea { border: 1px solid #000000; }

.ErrorContainerPanel { width: 800px; margin-left: auto; margin-right: auto; height: 400px; }
.ErrorPanel { height: 284px; left: 21px; position: relative; top: 88px; width: 532px; }
.ErrorBanner { background-position: 20px 18px; width: 532px; height: 60px; }
.ErrorBanner div { padding-left: 65px; padding-top: 24px; width: 436px; }
.ErrorBanner h5 { color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 15px; }
.ErrorContent { height: 220px; background-position: 15px 3px; color: #808080; font-weight: bold; }
.ErrorContent div { padding: 5px 0px 0px 20px; }
#ErrorPanel div { padding: 5px 0px 0px 0px; font-size: 0.9em; font-weight: normal; }

.LoginContainerPanel { width: 800px; margin-left: auto; margin-right: auto; height: 400px; }
.LoginPanel { height: 284px; left: 21px; position: relative; top: 88px; width: 532px; }

.LoginBanner { width: 532px; height: 60px; }
.LoginBanner div { padding-left: 65px; padding-top: 24px; width: 436px; }
.LoginBanner h5 { color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 15px; }
.LoginContent { height: 220px; background-position: 15px 3px; color: #808080; font-weight: bold; }
.LoginContent div { padding: 5px 0px 0px 20px; }
.LoginContent .Input { padding: 2px; background-color: #CCCCCC; border: 2px solid #C0C0C0; }
.LoginContent .Button { background-color: #999999; padding: 2px; border: 2px solid #C0C0C0; color: #ffffff; }
.LoginContent .Button:hover { background-color: #C0C0C0; padding: 2px; border: 2px solid #999999; color: #ffffff; }

.input-validation-error { border: 2px solid #ff0000 !important; }
.field-validation-error { color: #ff0000; font-weight: normal; }
.validation-summary-errors { color: #ff0000; font-weight: normal; }
.validation-summary-errors ul { list-style: none; }

.FormLabel {width:200px; vertical-align:top; text-align:right; padding:5px 5px 0px 0px;}
.FormField {padding-top:5px;}