/*

AFM Web Design
Unit F16, BTC
Bessemer Drive
Stevenage
Hertfordshire
SG1 2DX

t: 0845 078 0193

e: solutions@afmwebdesign.com

*/



/* Generic classes */
/* =============== */

BODY {
  font-family:                          verdana, arial, sans-serif;
  font-size:                            90%;
  font-weight:                          normal;
  color:                                #444444;
  margin:                               0px;
  padding:                              0px;
  border:                               0px}

DIV {
  background:                           transparent;
  position:                             relative;
  display:                              block;
  border:                               0px;
  margin:                               0px;
  padding:                              0px}

DIV.ClearLeft {
  clear:                                left;
  height:                               1px;
  overflow:                             hidden}

DIV.ClearRight {
  clear:                                right;
  height:                               1px;
  overflow:                             hidden}

DIV.ClearBoth {
  clear:                                both;
  height:                               1px;
  overflow:                             hidden}

TABLE {
  border:                               0px;
  margin:                               0px;
  padding:                              0px}

TD {
  border:                               0px;
  margin:                               0px;
  padding:                              0px}

FORM {
  border:                               0px;
  margin:                               0px;
  padding:                              0px}

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

P {
  background-color:                     transparent;
  margin:                               0px;
  border:                               0px;
  padding-top:                          10px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       0px}

P.Quote {
  text-align:                           center;
  font-size:                            110%;
  font-weight:                          bold;
  padding-top:                          30px;
  padding-left:                         30px;
  padding-right:                        30px;
  padding-bottom:                       0px}

A:link {
  color:                                #444444;
  text-decoration:                      none}
A:visited {
  color:                                #444444;
  text-decoration:                      none}
A:active {
  color:                                #444444;
  text-decoration:                      underline}
A:hover {
  color:                                #444444;
  text-decoration:                      underline}

IMG {
  margin:                               0px;
  padding:                              0px;
  border:                               0px}

IMG.FloatLeft {
  float:                                left;
  margin-top:                           10px;
  margin-left:                          10px;
  margin-right:                         20px;
  margin-bottom:                        10px;
  padding:                              0px;
  border:                               0px}

IMG.FloatRight {
  float:                                right;
  margin-top:                           10px;
  margin-left:                          20px;
  margin-right:                         10px;
  margin-bottom:                        10px;
  padding:                              0px;
  border:                               0px}

OBJECT {
  margin:                               0px;
  padding:                              0px;
  border:                               0px}

EMBED {
  margin:                               0px;
  padding:                              0px;
  border:                               0px}

H1 {
  text-align:                           center;
  color:                                #CC0000;
  font-size:                            130%;
  font-weight:                          bold;
  background-color:                     transparent;
  margin:                               0px;
  border:                               0px;
  padding-top:                          40px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       10px}

A.H1:link {
  color:                                #CC0000;
  text-decoration:                      none}
A.H1:visited {
  color:                                #CC0000;
  text-decoration:                      none}
A.H1:active {
  color:                                #CC0000;
  text-decoration:                      none}
A.H1:hover {
  color:                                #CC0000;
  text-decoration:                      none}

H2 {
  text-align:                           left;
  color:                                #CC0000;
  font-size:                            110%;
  font-weight:                          bold;
  background-color:                     transparent;
  margin:                               0px;
  border:                               0px;
  padding-top:                          30px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       0px}

H3 {
  text-align:                           left;
  color:                                #CC0000;
  font-size:                            105%;
  font-weight:                          bold;
  background-color:                     transparent;
  margin:                               0px;
  border:                               0px;
  padding-top:                          20px;
  padding-bottom:                       0px;
  padding-left:                         10px;
  padding-right:                        10px}

H4 {
  text-align:                           left;
  color:                                #CC0000;
  font-size:                            100%;
  font-weight:                          bold;
  background-color:                     transparent;
  margin:                               0px;
  border:                               0px;
  padding-top:                          20px;
  padding-bottom:                       0px;
  padding-left:                         10px;
  padding-right:                        10px}

A.Heading:link {
  color:                                #CC0000;
  text-decoration:                      none}
A.Heading:visited {
  color:                                #CC0000;
  text-decoration:                      none}
A.Heading:active {
  color:                                #CC0000;
  text-decoration:                      underline}
A.Heading:hover {
  color:                                #CC0000;
  text-decoration:                      underline}

UL {
  list-style-image:                     url("bullet-level-1.gif");
  list-style-position:                  outside;
  margin:                               0px;
  padding-top:                          2px;
  padding-left:                         50px;
  padding-right:                        10px;
  padding-bottom:                       2px;
  border:                               0px}

UL2 {
  list-style-image:                     url("bullet-level-2.gif");
  list-style-position:                  outside;
  margin:                               0px;
  padding-top:                          2px;
  padding-left:                         70px;
  padding-right:                        10px;
  padding-bottom:                       2px;
  border:                               0px}

LI {
  margin:                               0px;
  padding-top:                          5px;
  padding-left:                         5px;
  padding-right:                        10px;
  padding-bottom:                       5px;
  border:                               0px}

HR {
  width:                                85%;
  padding:                              0px;
  border-top:                           1px solid #444444;
  border-left:                          0px;
  border-right:                         0px;
  border-bottom:                        0px;
  margin-top:                           1px;
  margin-bottom:                        1px}



/* Skip to page content link */
/* ========================= */

DIV.TextBrowserSkipToContent {
  height:                               1px;
  overflow:                             hidden}



/* Page layout construction */
/* ======================== */

/* The division float and width values are set by the index page */

/* BODY contains the background layer for the page */
BODY {
  background-position:                  center top;
  background-image:                     url("body.jpg");
  background-repeat:                    repeat}

/* BodyWrapper contains the top backgound graphic and centers the page */
DIV.BodyWrapper {
  width:                                100%;
  background-position:                  center top;
  background-image:                     url("body-wrapper.jpg");
  background-repeat:                    repeat-x}

/* BodyWrapperClearer forces the BodyWrapper division to stretch to contain the PageWrapper division */
DIV.BodyWrapperClearer {
  clear:                                both}

/* PageWrapper contains the top banner, page contents and bottom banner */
DIV.PageWrapper {
  padding-top:                          0px;
  margin-left:                          auto;
  margin-right:                         auto;
  padding-bottom:                       20px}

/* PageWrapperClearer forces the PageWrapper division to stretch to contain all the page components */
DIV.PageWrapperClearer {
  clear:                                both;
  height:                               1px}

/* TopBanner contains the logo and top contact details */
DIV.TopBanner {
  float:                                left;
  height:                               210px;
  overflow:                             hidden;
  background-position:                  center top;
  background-image:                     url("top-banner.jpg");
  background-repeat:                    no-repeat}

IMG.TopBanner {
  width:                                820px;
  height:                               210px}

/* PageContents contains the menu, page and side columns */
DIV.PageContentsBack {
  float:                                left;
  background-position:                  center right;
  background-image:                     url("page-contents-back.jpg");
  background-repeat:                    repeat-y}

/* PageContents contains the menu, page and side columns */
DIV.PageContentsTop {
  float:                                left;
  background-position:                  center top;
  background-image:                     url("page-contents-top.jpg");
  background-repeat:                    no-repeat}

/* PageContentsClearer forces the PageContents division to stretch to contain all the column components */
DIV.PageContentsClearer {
  clear:                                both;
  height:                               10px}

/* MenuColumn contains the menu components */
DIV.MenuColumn {
  padding-top:                          10px;
  padding-bottom:                       0px}

DIV.MenuColumnBack {
  float:                                left;
  padding-top:                          10px;
  padding-bottom:                       10px}


/* MenuColumnClearer forces the MenuColumn division to stretch to contain all the menu components */
DIV.MenuColumnClearer {
  clear:                                both;
  height:                               1px}

/* ColumnContainer contains the page and side columns */
DIV.ColumnContainer {}

/* ColumnContainerClearer forces the ColumnContainer division to stretch to contain the page and side columns */
DIV.ColumnContainerClearer {
  clear:                                both;
  height:                               1px}

/* PageColumn contains the page contents */
DIV.PageColumn {}

/* PageColumnClearer forces the PageColumn division to stretch to contain the page cotents */
DIV.PageColumnClearer {
  clear:                                both;
  height:                               10px}

/* SideColumn contains the side column contents */
DIV.SideColumn {
  padding-top:                          0px;
  padding-bottom:                       25px}

H2.SideColumn {
  text-align:                           center;
  padding-top:                          30px;
  padding-left:                         20px;
  padding-right:                        10px;
  padding-bottom:                       0px}

P.SideColumn {
  padding-top:                          10px;
  padding-left:                         20px;
  padding-right:                        10px;
  padding-bottom:                       0px}

DIV.SideColumnPicture {
  width:                                210px;
  float:                                left;
  padding-top:                          20px;
  padding-left:                         20px;
  padding-right:                        0px;
  padding-bottom:                       10px}

/* SideColumnClearer forces the SideColumn division to stretch to contain the side column cotents */
DIV.SideColumnClearer {
  clear:                                both;
  height:                               1px}

/* BottomBanner contains the bottom contact details */
DIV.BottomBannerBack {
  float:                                left;
  background-position:                  right top;
  background-image:                     url("bottom-banner-back.jpg");
  background-repeat:                    repeat-y}

/* BottomBanner contains the bottom contact details */
DIV.BottomBannerBottom {
  float:                                left;
  padding-top:                          5px;
  padding-bottom:                       20px;
  background-position:                  center bottom;
  background-image:                     url("bottom-banner-bottom.jpg");
  background-repeat:                    no-repeat}

DIV.BottomBannerClearer {
  clear:                                both;
  height:                               1px}

HR.BottomBannerContactDetails {
  width:                                95%;
  height:                               2px;
  background-color:                     #CC0000}

P.BottomBannerContactDetails {
  text-align:                           center;
  padding-top:                          5px;
  padding-bottom:                       0px}

P.BottomBannerAFMDetails {
  font-size:                            90%;
  padding-top:                          5px;
  text-align:                           center}


/* Top contact details block */
/* ========================= */

DIV.TopContactDetailsBlockBack {
  float:                                left;
  background-image:                     url("red-border.jpg");
  background-repeat:                    repeat}

DIV.TopContactDetailsBlockTopLeft {
  float:                                left;
  background-position:                  left top;
  background-image:                     url("red-border-top-left.jpg");
  background-repeat:                    no-repeat}

DIV.TopContactDetailsBlockTopRight {
  float:                                left;
  background-position:                  right top;
  background-image:                     url("red-border-top-right.jpg");
  background-repeat:                    no-repeat}

DIV.TopContactDetailsBlockBottomLeft {
  float:                                left;
  background-position:                  left bottom;
  background-image:                     url("red-border-bottom-left.jpg");
  background-repeat:                    no-repeat}

DIV.TopContactDetailsBlockBottomRight {
  float:                                left;
  background-position:                  right bottom;
  background-image:                     url("red-border-bottom-right.jpg");
  background-repeat:                    no-repeat}

DIV.TopContactDetailsBlockClearer {
  clear:                                both;
  float:                                left;
  height:                               1px}

P.TopContactDetailsBlockSensei {
  font-size:                            10pt;
  font-weight:                          bold;
  color:                                #ffffff;
  text-align:                           center;
  padding-top:                          10px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       0px}

P.TopContactDetailsBlockTelephone {
  font-size:                            14pt;
  font-weight:                          bold;
  color:                                #ffffff;
  text-align:                           center;
  padding-top:                          10px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       0px}

P.TopContactDetailsBlockEmail {
  font-size:                            10pt;
  font-weight:                          bold;
  color:                                #ffffff;
  text-align:                           center;
  padding-top:                          10px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       10px}

A.TopContactDetails:link {
  color:                                #FFFFFF;
  text-decoration:                      none}
A.TopContactDetails:visited {
  color:                                #FFFFFF;
  text-decoration:                      none}
A.TopContactDetails:active {
  color:                                #FFFFFF;
  text-decoration:                      underline}
A.TopContactDetails:hover {
  color:                                #FFFFFF;
  text-decoration:                      underline}


/* Address block */
/* ============= */

DIV.AddressBlockBack {
  float:                                left;
  background-image:                     url("red-border.jpg");
  background-repeat:                    repeat}

DIV.AddressBlockTopLeft {
  float:                                left;
  background-position:                  left top;
  background-image:                     url("red-border-top-left.jpg");
  background-repeat:                    no-repeat}

DIV.AddressBlockTopRight {
  float:                                left;
  background-position:                  right top;
  background-image:                     url("red-border-top-right.jpg");
  background-repeat:                    no-repeat}

DIV.AddressBlockBottomLeft {
  float:                                left;
  background-position:                  left bottom;
  background-image:                     url("red-border-bottom-left.jpg");
  background-repeat:                    no-repeat}

DIV.AddressBlockBottomRight {
  float:                                left;
  background-position:                  right bottom;
  background-image:                     url("red-border-bottom-right.jpg");
  background-repeat:                    no-repeat}

DIV.AddressBlockClearer {
  clear:                                both;
  float:                                left;
  height:                               1px}

P.AddressBlock {
  font-size:                            90%;
  font-weight:                          bold;
  color:                                #ffffff;
  text-align:                           left;
  padding-top:                          10px;
  padding-left:                         10px;
  padding-right:                        0px;
  padding-bottom:                       10px}




/* Top menu */
/* ======== */

DIV.TopMenuBlock {
  width:                                600px;
  clear:                                both;
  float:                                left;
  padding-top:                          20px}

DIV.TopMenuBlockClearer {
  width:                                580px;
  clear:                                both;
  float:                                left}

DIV.TopMenuBlockItem {
  float:                                left;
  width:                                90px}

IMG.TopMenuBlockItem {
  width:                                90px;
  height:                               60px}

DIV.TopMenuBlockSpacer {
  float:                                left;
  width:                                6px;
  height:                               60px}

P.TopMenuBlock {
  text-align:                           center;
  padding-top:                          10px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       0px}

A.TopMenuBlock:link {
  color:                                #444444;
  text-decoration:                      none}
A.TopMenuBlock:visited {
  color:                                #444444;
  text-decoration:                      none}
A.TopMenuBlock:active {
  color:                                #444444;
  text-decoration:                      underline}
A.TopMenuBlock:hover {
  color:                                #444444;
  text-decoration:                      underline}




/* Menu */
/* ==== */

/* All widths and paddings are set in the menu classes in index.php */

DIV.MenuLevel1 {}

DIV.MenuLevel1Current {}

DIV.MenuLevel1Active {}

DIV.MenuLevel2 {}

DIV.MenuLevel2Current {}

DIV.MenuLevel2Active {}

DIV.MenuLevel3 {}

DIV.MenuLevel3Current {}

DIV.MenuLevel3Active {}

DIV.MenuItemCurrentBack {
  float:                                left;
  background-image:                     url("red-border.jpg");
  background-repeat:                    repeat}

DIV.MenuItemCurrentTopLeft {
  float:                                left;
  background-position:                  left top;
  background-image:                     url("red-border-top-left.jpg");
  background-repeat:                    no-repeat}

DIV.MenuItemCurrentTopRight {
  float:                                left;
  background-position:                  right top;
  background-image:                     url("red-border-top-right.jpg");
  background-repeat:                    no-repeat}

DIV.MenuItemCurrentBottomLeft {
  float:                                left;
  background-position:                  left bottom;
  background-image:                     url("red-border-bottom-left.jpg");
  background-repeat:                    no-repeat}

DIV.MenuItemCurrentBottomRight {
  float:                                left;
  background-position:                  right bottom;
  background-image:                     url("red-border-bottom-right.jpg");
  background-repeat:                    no-repeat}

P.MenuLevel1 {
  color:                                #444444;
  font-weight:                          normal;
  padding-top:                          1px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       2px}

P.MenuLevel1Current {
  color:                                #ffffff;
  font-weight:                          bold;
  padding-top:                          2px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       3px}

P.MenuLevel1Active {
  color:                                #444444;
  font-weight:                          normal;
  padding-top:                          1px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       2px}

P.MenuLevel2 {
  color:                                #444444;
  font-weight:                          normal;
  padding-top:                          1px;
  padding-left:                         30px;
  padding-right:                        10px;
  padding-bottom:                       2px}

P.MenuLevel2Current {
  color:                                #ffffff;
  font-weight:                          bold;
  padding-top:                          2px;
  padding-left:                         30px;
  padding-right:                        10px;
  padding-bottom:                       3px}

P.MenuLevel2Active {
  color:                                #444444;
  font-weight:                          normal;
  padding-top:                          1px;
  padding-left:                         30px;
  padding-right:                        10px;
  padding-bottom:                       2px}

P.MenuLevel3 {
  color:                                #444444;
  font-weight:                          normal;
  padding-top:                          1px;
  padding-left:                         50px;
  padding-right:                        10px;
  padding-bottom:                       2px}

P.MenuLevel3Current {
  color:                                #ffffff;
  font-weight:                          bold;
  padding-top:                          2px;
  padding-left:                         50px;
  padding-right:                        10px;
  padding-bottom:                       3px}

P.MenuLevel3Active {
  color:                                #444444;
  font-weight:                          normal;
  padding-top:                          1px;
  padding-left:                         50px;
  padding-right:                        10px;
  padding-bottom:                       2px}

A.Menu:link {
  color:                                #444444;
  text-decoration:                      none}
A.Menu:visited {
  color:                                #444444;
  text-decoration:                      none}
A.Menu:active {
  color:                                #444444;
  text-decoration:                      underline}
A.Menu:hover {
  color:                                #444444;
  text-decoration:                      underline}

H2.UnderMenuEntry {
  text-align:                           center;
  padding-top:                          30px;
  padding-left:                         15px;
  padding-right:                        20px;
  padding-bottom:                       0px}

P.UnderMenuEntry {
  padding-top:                          5px;
  padding-left:                         15px;
  padding-right:                        20px;
  padding-bottom:                       5px}



/* Security login */
/* ============== */

DIV.LoginBoxContainer {
  padding-top:                          50px;
  padding-bottom:                       100px}

DIV.LoginBox {
  width:                                340px;
  margin-left:                          auto;
  margin-right:                         auto;
  background-color:                     #CC0000}

P.LoginBoxTitle {
  color:                                #ffffff;
  text-align:                           center;
  padding-top:                          20px;
  padding-left:                         20px;
  padding-right:                        20px;
  padding-bottom:                       10px}

DIV.LoginBoxPasswordBox {
  width:                                180px;
  padding-top:                          3px;
  padding-left:                         40px;
  padding-bottom:                       20px;
  float:                                left}

DIV.LoginBoxLoginButton {
  width:                                80px;
  padding-left:                         20px;
  padding-bottom:                       20px;
  float:                                left}

INPUT.LoginBoxPasswordBox {
  width:                                180px;
  color:                                #444444;
  font-weight:                          normal;
  font-size:                            100%;
  margin:                               0px;
  padding:                              1px}

INPUT.LoginBoxLoginButton {
  color:                                #444444;
  font-weight:                          normal;
  font-size:                            100%;
  margin:                               0px;
  padding:                              2px}

DIV.LoginBoxClearer {
  clear:                                both}



/* Useful links pages */
/* ================== */

IMG.LinksNetwork {
  width:                                180px;
  height:                               180px;
  margin-top:                           40px;
  margin-left:                          10px}

H2.UsefulLinks {
  font-size:                            100%}

P.UsefulLinksDescription {
  padding-top:                          2px}

P.UsefulLinksDomain {
  padding-top:                          2px;
  font-weight:                          bold}



/* Website map */
/* =========== */

DIV.WebsiteMapItem {
  float:                                left}

DIV.WebsiteMapItemArrowLevel1 {
  float:                                left;
  width:                                1px;
  height:                               20px}

DIV.WebsiteMapItemArrowLevel2 {
  float:                                left;
  width:                                50px;
  height:                               20px;
  background-position:                  30px 6px;
  background-image:                     url("website-map-arrow.gif");
  background-repeat:                    no-repeat}

DIV.WebsiteMapItemArrowLevel3 {
  float:                                left;
  width:                                80px;
  height:                               20px;
  background-position:                  60px 5px;
  background-image:                     url("website-map-arrow.gif");
  background-repeat:                    no-repeat}

DIV.WebsiteMapItemEntry {
  float:                                left}

DIV.WebsiteMapItemClearer {
  clear:                                both}

DIV.WebsiteMapBottomSpacer {
  float:                                left;
  height:                               20px}

P.WebsiteMapLevel1 {
  font-size:                            110%;
  padding-top:                          10px;
  padding-left:                         20px;
  padding-right:                        10px;
  padding-bottom:                       0px}

P.WebsiteMapLevel2 {
  font-size:                            105%;
  padding-top:                          5px;
  padding-left:                         0px;
  padding-right:                        10px;
  padding-bottom:                       0px}

P.WebsiteMapLevel3 {
  font-size:                            100%;
  padding-top:                          5px;
  padding-left:                         0px;
  padding-right:                        10px;
  padding-bottom:                       0px}

A.WebsiteMap:link {
  color:                                #444444;
  text-decoration:                      none}
A.WebsiteMap:visited {
  color:                                #444444;
  text-decoration:                      none}
A.WebsiteMap:active {
  color:                                #444444;
  text-decoration:                      underline}
A.WebsiteMap:hover {
  color:                                #444444;
  text-decoration:                      underline}



/* Contact us form */
/* =============== */

DIV.ContactFormContainer {
  text-align:                           center;
  margin-top:                           30px}

DIV.ContactForm {
  width:                                490px;
  margin-left:                          auto;
  margin-right:                         auto;
  text-align:                           left;
  color:                                #000000}

DIV.ContactFormTop {
  height:                               10px;
  overflow:                             hidden}

DIV.ContactFormTopRow {
  float:                                left;
  overflow:                             hidden;
  height:                               10px;
  width:                                480px}

DIV.ContactFormTopRightShadow {
  float:                                left;
  overflow:                             hidden;
  height:                               10px;
  width:                                10px}

DIV.ContactFormRowContainer {
  float:                                left;
  width:                                490px}

DIV.ContactFormRow {
  float:                                left;
  width:                                480px}

DIV.ContactFormHeadingRow {
  float:                                left;
  width:                                460px;
  padding-top:                          30px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       10px}

DIV.ContactFormLabel {
  float:                                left;
  text-align:                           left;
  width:                                185px;
  padding-left:                         10px;
  padding-right:                        5px;
  padding-bottom:                       20px}

DIV.ContactFormItem {
  float:                                left;
  width:                                260px;
  text-align:                           left;
  padding-left:                         5px;
  padding-right:                        0px;
  padding-bottom:                       20px}

DIV.ContactFormButtonRow {
  float:                                left;
  width:                                480px;
  text-align:                           center;
  padding-top:                          10px;
  padding-bottom:                       20px}

DIV.ContactFormClearLeft {
  clear:                                left;
  height:                               1px;
  overflow:                             hidden}

DIV.ContactFormBottom {
  height:                               10px;
  clear:                                both;
  overflow:                             hidden}

DIV.ContactFormBottomLeftShadow {
  float:                                left;
  overflow:                             hidden;
  height:                               10px;
  width:                                10px}

DIV.ContactFormBottomRightShadow {
  float:                                right;
  overflow:                             hidden;
  height:                               10px;
  width:                                10px}

INPUT.ContactForm {
  font-family:                          verdana, arial, sans-serif;
  width:                                100%}

INPUT.ContactFormPostCode {
  font-family:                          verdana, arial, sans-serif;
  width:                                50%}

TEXTAREA.ContactFormAddress {
  font-family:                          verdana, arial, sans-serif;
  width:                                260px;
  height:                               100px}

INPUT.ContactFormCheckBox {
  margin-left:                          150px}

TEXTAREA.ContactFormAnyOtherInfo {
  font-family:                          verdana, arial, sans-serif;
  width:                                260px;
  height:                               100px}



/* ************************************************************************** */
/* ************************************************************************** */
/* ***                                                                    *** */
/* ***                         PAGE STYLES BELOW                          *** */
/* ***                                                                    *** */
/* ************************************************************************** */
/* ************************************************************************** */


/* Dojo kun page */
/* ============= */

H2.DojoKun {
  text-align:                           center}

P.DojoKunLine1 {
  font-weight:                          bold;
  text-align:                           center}

P.DojoKunLine2 {
  text-align:                           center;
  font-style:                           italic;
  padding-top:                          0px}



/* Risk assessment page */
/* ==================== */

P.RiskAssessmentAnswer {
  padding-left:                         50px;
  padding-bottom:                       20px}


/* Ju Ippon */
/* -------- */

HR.JuIppon {
  color:                                #000000;
  text-align:                           center;
  height:                               1px;
  width:                                85%;
  border:                               0px;
  margin-top:                           20px;
  margin-bottom:                        20px;
  padding:                              0px}

TD.JuIpponTextCell {
  vertical-align:                       top;
  border:                               0px;
  margin:                               0px;
  padding-top:                          10px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       10px}

H3.JuIpponText {
  font-weight:                          bold;
  border:                               0px;
  margin:                               0px;
  padding-top:                          0px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       0px}

P.JuIpponText {
  border:                               0px;
  margin:                               0px;
  padding-top:                          5px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       5px}

TD.JuIpponPictureCell {
  width:                                250px;
  vertical-align:                       top;
  border:                               0px;
  margin:                               0px;
  padding-top:                          0px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       0px}

TD.JuIpponThumbnailStrip {
  text-align:                           right;
  vertical-align:                       bottom;
  padding-bottom:                       10px}

TD.JuIpponThumbnailLeft {
  background-color:                     #000000;
  padding-top:                          3px;
  padding-left:                         2px;
  padding-right:                        1px;
  padding-bottom:                       0px}

TD.JuIpponThumbnailCenter {
  background-color:                     #000000;
  padding-top:                          3px;
  padding-left:                         1px;
  padding-right:                        1px;
  padding-bottom:                       0px}

TD.JuIpponThumbnailRight {
  background-color:                     #000000;
  padding-top:                          3px;
  padding-left:                         1px;
  padding-right:                        2px;
  padding-bottom:                       0px}

IMG.JuIpponPicture {
  margin-top:                           0px;
  margin-left:                          20px;
  margin-right:                         0px;
  margin-bottom:                        0px;
  padding:                              0px;
  border:                               0px}


/* Grading page settings */
/* ===================== */

TABLE.GradingTable {
  margin-top:           20px;
  margin-left:          20px;
  padding-right:        40px;
  margin-bottom:        20px}

TD.GradingTableRowDivider {
  height:               20px}

TD.GradingTableRowBorder {
  height:               1px;
  background-color:     #000000}

TD.GradingTableTitleGradeCell {
  width:                100px;
  height:               36px;
  text-align:           center;
  vertical-align:       middle;
  padding:              2px;
  border-top:           1px solid #000000;
  border-left:          1px solid #000000;
  border-right:         1px solid #000000;
  border-bottom:        1px solid #000000}

TD.GradingTableTitleBeltCell {
  text-align:           center;
  vertical-align:       middle;
  padding:              2px;
  border-top:           1px solid #000000;
  border-left:          0px solid #000000;
  border-right:         0px solid #000000;
  border-bottom:        1px solid #000000}

TD.GradingTableTitleLessonsCell {
  text-align:           center;
  vertical-align:       middle;
  padding:              2px;
  border-top:           1px solid #000000;
  border-left:          1px solid #000000;
  border-right:         1px solid #000000;
  border-bottom:        1px solid #000000}

TD.GradingTableGradeCell {
  height:               36px;
  text-align:           center;
  vertical-align:       middle;
  padding:              2px;
  border-top:           0px solid #000000;
  border-left:          1px solid #000000;
  border-right:         1px solid #000000;
  border-bottom:        0px solid #000000}

TD.GradingTableBottomGradeCell {
  height:               36px;
  text-align:           center;
  vertical-align:       middle;
  padding:              2px;
  border-top:           0px solid #000000;
  border-left:          1px solid #000000;
  border-right:         1px solid #000000;
  border-bottom:        0px solid #000000}

TD.GradingTableBeltCell {
  width:                150px;
  text-align:           center;
  vertical-align:       middle;
  padding:              2px;
  border-top:           0px solid #000000;
  border-left:          1px solid #000000;
  border-right:         0px solid #000000;
  border-bottom:        0px solid #000000}

TD.GradingTableBottomBeltCell {
  width:                100px;
  text-align:           center;
  vertical-align:       middle;
  padding:              2px;
  border-top:           0px solid #000000;
  border-left:          1px solid #000000;
  border-right:         0px solid #000000;
  border-bottom:        0px solid #000000}

TD.GradingTableLessonCell {
  width:                200px;
  text-align:           center;
  vertical-align:       middle;
  padding:              2px;
  border-top:           0px solid #000000;
  border-left:          1px solid #000000;
  border-right:         1px solid #000000;
  border-bottom:        0px solid #000000}

TD.GradingTableBottomLessonCell {
  width:                200px;
  text-align:           center;
  vertical-align:       middle;
  padding:              2px;
  border-top:           0px solid #000000;
  border-left:          1px solid #000000;
  border-right:         1px solid #000000;
  border-bottom:        0px solid #000000}

TD.GradingTableBeltWhite {
  background-color:     #FFFFFF;
  padding:              1px}

TD.GradingTableBeltWhiteSection {
  height:               8px;
  background-color:     #FFFFFF}

TD.GradingTableBeltRed {
  background-color:     #FF0000}

TD.GradingTableBeltRedSection {
  height:               8px;
  background-color:     #FF0000}

TD.GradingTableBeltOrange {
  background-color:     #FF9900}

TD.GradingTableBeltYellow {
  background-color:     #FFFF00}

TD.GradingTableBeltGreen {
  background-color:     #339900}

TD.GradingTableBeltPurple {
  background-color:     #660066}

TD.GradingTableBeltPurpleSection {
  height:               14px;
  background-color:     #660066}

TD.GradingTableBeltBrown {
  background-color:     #663300}

TD.GradingTableBeltBrownSection {
  height:               14px;
  background-color:     #663300}

TD.GradingTableBeltBlack {
  background-color:     #000000}





/* ==================== END ==================== */