/* ========================================================================= */
/* LAYOUT */
/* ========================================================================= */

body             {background-color:#000000;color:#ffffff}
a                {background-color:inherit;color:#ffffff;text-decoration: underline}
a:hover          {background-color:inherit;color:#ffffff;text-decoration: underline}
.layoutPage      {min-width:46em}
.layoutPageInner {padding:5px}

.layoutMain      {}
.layoutMainInner {background-color:#000000;color:#cccccc;padding:5px}
.XlayoutMainFrame            {padding:10px} /* Outer colour should match body */
.XlayoutMainFrameTop         {background: url(lib/frame/round1/000000/top.gif) top repeat-x;height:20px}
.XlayoutMainFrameTopLeft     {background: url(lib/frame/round1/000000/top_left.gif) top left no-repeat;width:20px;height:20px}
.XlayoutMainFrameTopRight    {background: url(lib/frame/round1/000000/top_right.gif) top right no-repeat;width:20px;height:20px}
.XlayoutMainFrameMiddleLeft  {background: url(lib/frame/round1/000000/left.gif) left repeat-y;width:20px}
.XlayoutMainFrameMiddleRight {background: url(lib/frame/round1/000000/right.gif) right repeat-y;width:20px}
.XlayoutMainFrameBottom      {background: url(lib/frame/round1/000000/bottom.gif) bottom repeat-x;height:20px}
.XlayoutMainFrameBottomLeft  {background: url(lib/frame/round1/000000/bottom_left.gif) bottom left no-repeat;width:20px;height:20px}
.XlayoutMainFrameBottomRight {background: url(lib/frame/round1/000000/bottom_right.gif) bottom right no-repeat;width:20px;height:20px}

.layoutBody      {}
.layoutBodyInner {background-color:#333333;color:#000000;padding:5px}
.layoutBodyFrame            {padding:10px} /* Outer colour should match layoutMainInner */
.layoutBodyFrameTop         {background: url(lib/frame/round1/000000/top.gif) top repeat-x;height:20px}
.layoutBodyFrameTopLeft     {background: url(lib/frame/round1/000000/top_left.gif) top left no-repeat;width:20px;height:20px}
.layoutBodyFrameTopRight    {background: url(lib/frame/round1/000000/top_right.gif) top right no-repeat;width:20px;height:20px}
.layoutBodyFrameMiddleLeft  {background: url(lib/frame/round1/000000/left.gif) left repeat-y;width:20px}
.layoutBodyFrameMiddleRight {background: url(lib/frame/round1/000000/right.gif) right repeat-y;width:20px}
.layoutBodyFrameBottom      {background: url(lib/frame/round1/000000/bottom.gif) bottom repeat-x;height:20px}
.layoutBodyFrameBottomLeft  {background: url(lib/frame/round1/000000/bottom_left.gif) bottom left no-repeat;width:20px;height:20px}
.layoutBodyFrameBottomRight {background: url(lib/frame/round1/000000/bottom_right.gif) bottom right no-repeat;width:20px;height:20px}

/* Colours need to be re-stated as the layout table causes IE5.5 and IE6 to change the colour */
.layoutBodyLeft      {}
.layoutBodyLeftInner {background-color:#333333;color:#ffffff}

/* Colours need to be re-stated as the layout table causes IE5.5 and IE6 to change the colour */
.layoutBodyRight      {}
.layoutBodyRightInner {background-color:#333333;color:#ffffff}

/* ========================================================================= */
/* POSITIONS */
/* ========================================================================= */

.positionName      {}
.positionName span {}

/* HEADER */
.positionHeader            {}
.positionHeaderInner       {background-color:#333333;color:#000000;padding:5px 5px 5px 5px}
.positionHeaderFrame            {padding:10px} /* Outer colour should match layoutMainInner */
.positionHeaderFrameTop         {background: url(lib/frame/round1/000000/top.gif) top repeat-x;height:20px}
.positionHeaderFrameTopLeft     {background: url(lib/frame/round1/000000/top_left.gif) top left no-repeat;width:20px;height:20px}
.positionHeaderFrameTopRight    {background: url(lib/frame/round1/000000/top_right.gif) top right no-repeat;width:20px;height:20px}
.positionHeaderFrameMiddleLeft  {background: url(lib/frame/round1/000000/left.gif) left repeat-y;width:20px}
.positionHeaderFrameMiddleRight {background: url(lib/frame/round1/000000/right.gif) right repeat-y;width:20px}
.positionHeaderFrameBottom      {background: url(lib/frame/round1/000000/bottom.gif) bottom repeat-x;height:20px}
.positionHeaderFrameBottomLeft  {background: url(lib/frame/round1/000000/bottom_left.gif) bottom left no-repeat;width:20px;height:20px}
.positionHeaderFrameBottomRight {background: url(lib/frame/round1/000000/bottom_right.gif) bottom right no-repeat;width:20px;height:20px}
.positionHeaderLeft        {}
.positionHeaderLeftInner   {}
.positionHeaderRight       {}
.positionHeaderRightInner  {}
.positionHeaderMiddle      {}
.positionHeaderMiddleInner {}

/* TOOLBAR 1 */
.positionToolbar1            {}
.positionToolbar1Inner       {}
.positionToolbar1Left        {}
.positionToolbar1LeftInner   {}
.positionToolbar1Right       {}
.positionToolbar1RightInner  {}
.positionToolbar1Middle      {}
.positionToolbar1MiddleInner {}

/* TOOLBAR 2 */
.positionToolbar2            {}
.positionToolbar2Inner       {}
.positionToolbar2Left        {}
.positionToolbar2LeftInner   {}
.positionToolbar2Right       {}
.positionToolbar2RightInner  {}
.positionToolbar2Middle      {}
.positionToolbar2MiddleInner {}

/* TOOLBAR 3 */
.positionToolbar3            {}
.positionToolbar3Inner       {}
.positionToolbar3Left        {}
.positionToolbar3LeftInner   {}
.positionToolbar3Right       {}
.positionToolbar3RightInner  {}
.positionToolbar3Middle      {}
.positionToolbar3MiddleInner {}

/* MENU 1 */
.positionMenu1      {}
.positionMenu1Inner {Xbackground-color:#ffffcc;Xcolor:#000000;Xpadding:5px}
.XpositionMenu1Frame            {padding:10px} /* Outer colour should match layoutBodyInner */
.XpositionMenu1FrameTop         {background: url(lib/frame/round1/333333/top.gif) top repeat-x;height:20px}
.XpositionMenu1FrameTopLeft     {background: url(lib/frame/round1/333333/top_left.gif) top left no-repeat;width:20px;height:20px}
.XpositionMenu1FrameTopRight    {background: url(lib/frame/round1/333333/top_right.gif) top right no-repeat;width:20px;height:20px}
.XpositionMenu1FrameMiddleLeft  {background: url(lib/frame/round1/333333/left.gif) left repeat-y;width:20px}
.XpositionMenu1FrameMiddleRight {background: url(lib/frame/round1/333333/right.gif) right repeat-y;width:20px}
.XpositionMenu1FrameBottom      {background: url(lib/frame/round1/333333/bottom.gif) bottom repeat-x;height:20px}
.XpositionMenu1FrameBottomLeft  {background: url(lib/frame/round1/333333/bottom_left.gif) bottom left no-repeat;width:20px;height:20px}
.XpositionMenu1FrameBottomRight {background: url(lib/frame/round1/333333/bottom_right.gif) bottom right no-repeat;width:20px;height:20px}

/* MENU 2 */
.positionMenu2      {}
.positionMenu2Inner {Xbackground-color:#ffffff;Xcolor:#000000;Xpadding:5px}
.positionMenu2 a    {color:#eeeeff}
.XpositionMenu2Frame            {padding:10px} /* Outer colour should match layoutBodyInner */
.XpositionMenu2FrameTop         {background: url(lib/frame/round1/333333/top.gif) top repeat-x;height:20px}
.XpositionMenu2FrameTopLeft     {background: url(lib/frame/round1/333333/top_left.gif) top left no-repeat;width:20px;height:20px}
.XpositionMenu2FrameTopRight    {background: url(lib/frame/round1/333333/top_right.gif) top right no-repeat;width:20px;height:20px}
.XpositionMenu2FrameMiddleLeft  {background: url(lib/frame/round1/333333/left.gif) left repeat-y;width:20px}
.XpositionMenu2FrameMiddleRight {background: url(lib/frame/round1/333333/right.gif) right repeat-y;width:20px}
.XpositionMenu2FrameBottom      {background: url(lib/frame/round1/333333/bottom.gif) bottom repeat-x;height:20px}
.XpositionMenu2FrameBottomLeft  {background: url(lib/frame/round1/333333/bottom_left.gif) bottom left no-repeat;width:20px;height:20px}
.XpositionMenu2FrameBottomRight {background: url(lib/frame/round1/333333/bottom_right.gif) bottom right no-repeat;width:20px;height:20px}

/* MENU 3 */
.positionMenu3      {}
.positionMenu3Inner {}

/* CONTENT */
.positionContent      {}
.positionContentInner {background-color:#333333;color:#ffffff;padding:0px}
.XpositionContentFrame            {padding:10px} /* Outer colour should match layoutBodyInner */
.XpositionContentFrameTop         {background: url(lib/frame/round1/333333/top.gif) top repeat-x;height:20px}
.XpositionContentFrameTopLeft     {background: url(lib/frame/round1/333333/top_left.gif) top left no-repeat;width:20px;height:20px}
.XpositionContentFrameTopRight    {background: url(lib/frame/round1/333333/top_right.gif) top right no-repeat;width:20px;height:20px}
.XpositionContentFrameMiddleLeft  {background: url(lib/frame/round1/333333/left.gif) left repeat-y;width:20px}
.XpositionContentFrameMiddleRight {background: url(lib/frame/round1/333333/right.gif) right repeat-y;width:20px}
.XpositionContentFrameBottom      {background: url(lib/frame/round1/333333/bottom.gif) bottom repeat-x;height:20px}
.XpositionContentFrameBottomLeft  {background: url(lib/frame/round1/333333/bottom_left.gif) bottom left no-repeat;width:20px;height:20px}
.XpositionContentFrameBottomRight {background: url(lib/frame/round1/333333/bottom_right.gif) bottom right no-repeat;width:20px;height:20px}

/* FOOTER 1 */
.positionFooter1            {}
.positionFooter1Inner       {}
.positionFooter1Left        {}
.positionFooter1LeftInner   {}
.positionFooter1Right       {}
.positionFooter1RightInner  {}
.positionFooter1Middle      {}
.positionFooter1MiddleInner {}

/* FOOTER 2 */
.positionFooter2            {}
.positionFooter2Inner       {}
.positionFooter2Left        {}
.positionFooter2LeftInner   {}
.positionFooter2Right       {}
.positionFooter2RightInner  {}
.positionFooter2Middle      {}
.positionFooter2MiddleInner {}

/* FOOTER 3 */
.positionFooter3            {}
.positionFooter3Inner       {}
.positionFooter3Left        {}
.positionFooter3LeftInner   {}
.positionFooter3Right       {}
.positionFooter3RightInner  {}
.positionFooter3Middle      {}
.positionFooter3MiddleInner {}

/* FOOTER 4 */
.positionFooter4            {}
.positionFooter4Inner       {}
.positionFooter4Left        {}
.positionFooter4LeftInner   {}
.positionFooter4Right       {}
.positionFooter4RightInner  {}
.positionFooter4Middle      {}
.positionFooter4MiddleInner {}

/* ========================================================================= */
/* MODULES */
/* ========================================================================= */

/* Menu */
.moduleMenu      {}
.moduleMenuInner {}

/* Title */
.moduleTitle      {}
.moduleTitleInner {}

/* Article */
.moduleArticle      {}
.moduleArticleInner {}