/*
AT&T Intranet Template 1.2
*/

/* page and body settings */

            html {
              padding : 0;
              margin : 0;
            }

            body {
              text-align: left;
              padding: 0;
              margin : 0;
              background-color : white;
              font: 100%  Arial, Helvetica, sans-serif;
              /* this sets default font-size of 1em = 10px */
              /* for font size changes, style elements one time using ems */
            }

/* begin default styling of elements */

            div {
              margin : 0;
              padding : 0;
            }

            p {
              margin : 0px 0px 12px 0px;
              padding : 0;
            }

            span {
              margin : 0;
              padding : 0;
            }

            img {
              border: none;
              padding : 0;
              margin : 0;
              background-color : none;
            }

            a img {
              border : none;
            }


            hr {
              background: #cdcfd0;
              border: 0;
              color: #cdcfd0;
              height: 1px;
              margin: 0 0 10px 0;
            }


.rowBorderTop {border-style: solid;
				border-top-color: #ff0000
				}
/* default lists, blockquotes, and tables and other specialized elements */

/* font-sizes and line-heights below are common across entire document */
/* for elements with font-sizes or line-heights that change during document, */
/* remove font-size and line-height settings from here and style explicitly below */

            ul {
              margin : 0 0 12px 5px;
              padding : 0 0 0 0px;
              list-style-type : square;
              color : black;
              list-style-position: inside;
            }

            li {
              margin : 0 0 4px 5px;
              padding : 0;
            }

            li ul {                             /* for lists inside lists */
              margin-top : 5px;
              margin-left : 15px;
              list-style : disc;
            }

            blockquote {
              border-top : 4px solid #067ab4;
              margin: 0 0 12px 0;
              padding: 10px 15px 10px 15px;
              background: #e8e8e8;
              font-size : 1.2em;
              line-height : 1.3em;
              color : black !important;
              }

/* forms */

            form {
              padding : 0;
              margin : 0;
            }

            fieldset {
              margin : 0;
              padding : 0;
              border : none;
            }

           label {
              margin : 0;
              padding : 0;
            }

            input {
              margin : 0 0 5px 0;
              padding : 0;
              vertical-align : middle;
            }

            input.button {
              font-weight : bold;
              color : #666666;
              font-size : 1.2em;
              padding : 1px 3px 1px 3px;
              vertical-align : top;
             }

            input.input_box {
              vertical-align : middle;
              padding : 1px;
            }

            .radio_button {
              margin-right : 3px;
              vertical-align : middle;
            }

            select {
              margin : 0;
              padding : 0;
               vertical-align : middle;
            }

/* default table (invisible) */

            table {
              padding : 0;
              border-collapse : collapse;
              clear : both;                     /* for clearing floated images */
            }

/* default headers */

            h1, h2, h3, h4, h5, h6 {
              margin : 0;
              padding : 0;
              margin-bottom : 5px;
              color : black;
              font-weight : bold;
            }

            /* font sizes here are global for the entire document; */
            /* for headers that change size, remove here and size below in each container */

            h1 {
              font-size : 3.0em;
              font-weight : normal;
              color : #067ab4;
            }

            h2 {
              font-size : 2.2em;
              font-weight : normal;
              color : #067ab4;
              margin-left : -1px;              /* to fix 1px header variance */
              border-color :  #067ab4;
            }

            h3 {
              font-size : 1.8em;
              font-weight : normal;
              border-color : black;
            }

            h4 {
              font-size : 1.4em;
            }

            h5 {
              font-size : 1.3em;
            }

            h6 {
              font-size : 1.1em;
              letter-spacing : .5px;
              color : #666666;
              font-weight : bold;
              margin-bottom : 0;
            }

            h2.underline {
              border-bottom : 4px solid;
              padding-bottom : 2px;
            }

            h3.underline {
              border-bottom : 4px solid;
              padding-bottom : 2px;
            }

            small {
              font-size : 85%;
              color : #666666;
            }

/* default links */

            a:link    { color: #067ab4; text-decoration: underline; font-weight : normal; }
            a:visited { color: #067ab4; text-decoration: underline; font-weight : normal; }
            a:hover   { color: #003366; text-decoration: underline; font-weight : normal; }
            a:active  { color: #067ab4; text-decoration: underline; font-weight : normal; }

            a img     { border : 0; }

/* reusable utility code */

            .left       { float: left; }
            img.left    { margin: 0 10px 10px 0; }

            .right      { float: right; }
            img.right   { margin: 0 0 10px 10px; }

            .center     { text-align: center; }
            /* this is for using on a block-level container element */
            /* and will center contents inside the container */

            .centered   { display: block; margin: 0 auto 10px auto; }
            /* this is for using on an inline element, such as an image */
            /* and will turn the element block, and center the element within its container */

            .indent     { display:block; margin-left: 20px !important; }

            .hidden     { display: none; }

            .top_border { border-top : 4px solid #067ab4; }

            .no_border  { border: none !important; }  

            .clear      { clear: both; }


/* begin page layout */

            #page_wrapper {
              margin: 0 auto 0 auto;
              padding : 0;
              text-align: left;
              width: 767px;
			  height: 100%;
              border-left : solid 1px #cdcfd0;
              border-right : solid 1px #cdcfd0;
              border-bottom : solid 1px #cdcfd0;
            }

/* header */

            #header {
              position : relative;             /* makes #header the parent element for absolute positioned navbar */
              margin : 0px;
              padding : 0;
              height : 91px;
              background-image: url(../images/ebitimagegs.gif);
              background-position: top left;
              background-repeat: no-repeat;
			  text-indent:-9999px;
			  width:743px;
            }

            #header #title {
              margin : 0;
              padding : 0;
              position : absolute;
              right : 0;
              top : 0;
              /* this uses absolute positioning to drop header title graphic */
              /* on top of generic header background */
            }

/* header navbar */

            #header .navbar {
              position : absolute;             /* relative to container element #header */
              bottom : 0;                      /* positions at bottom of container element #header */
              list-style-type : none;
              margin : 0 0 0 0;
              padding : 0 5px 0px 15px;
              text-align : left;

            }

            #header .navbar li {
              margin : 0 15px 0 10px;
              padding : 0;
              display : inline;
              color : #838383;
              font-size : 1.2em;
              font-weight : bold;
              float : left;
            }

            #header .navbar li a {
              color: #838383;
              text-decoration: none;
              float: left;
              display: block;
            }

            #header .navbar li a:link     { color: #838383; text-decoration: none; font-weight: bold; }
            #header .navbar li a:visited  { color: #838383; text-decoration: none; font-weight: bold; }
            #header .navbar li a:hover    { color: black; text-decoration: underline; font-weight: bold; }
            #header .navbar li a:active   { color: #838383; text-decoration: none; font-weight: bold; }

            #header .navbar li.current a  { color : black !important; }

            #banner {
              text-align : center;
            }


/* begin column layout */

            #column_wrapper {
              width : 768px;
              margin : 10px 0 0 0;
              padding : 0;
            }
			
/* stretches out header and footer */			
			.mainTable {height: 100%;}

/* begin column "inner" containers */

/* this is a container forming the body of each column */
/* settings here are common across all columns */

            .inner {
              margin : 10px 15px 15px 15px;
              padding : 0;
            }

/* font-sizes and line-heights below are common across all columns */
/* for elements with font-sizes that are different for each column, */
/* remove here and size explicitly within column section */

           .inner p {
              font-size : 1.3em;
              line-height : 1.3em;
           }

           .inner li {
             font-size : 1.3em;
             line-height : 1.3em;
           }

           .inner li li {
             font-size : .9em;
           }

/* content column */

            #content {
              float : center;
              display : inline;
              padding : 0;
              margin : 0;
            }

/* footer */

            #footer_wrapper {
              clear: both;                  /* clears left column and content floats */
            }

            #footer {
              /* background-color : #067ab4; */
			  background-color : #cccccc;
              color : black;
              padding : 5px 10px 5px 0px;
              font-size : 1em;
            }

            #footer a:link      { color: black; text-decoration: none; }
            #footer a:visited   { color: black; text-decoration: none; }
            #footer a:hover     { color: black; text-decoration: underline; }
            #footer a:active    { color: black; text-decoration: none; }

            #footer .navbar {
              padding : 0;
              margin : 0;
            }

            #footer .navbar li {
              margin : 0;
              padding : 0;
              display : inline;
              border-right : 1px solid white;
              float : left;                 /* removes extra margins in inline lists */
              font-size : 1.1em;
            }

            #footer .navbar li a {
              margin : 0;
              padding : 0 10px 0 10px;      /* sets space between footer navbar links */
              display : block;              /* expands navbar links to edges of list items */
              float : left;                 /* removes extra margins in inline lists */
            }

            #footer p {
              font-size : 1.1em;
              margin-left : 5px;
            }

            #footer .text {
              margin : 0;
              padding : 0;
              text-align : right;
            }


/* specialized page components (not used in every page) */

/* re-usable visible table style, 1px gray border */

            .table_style {
              background-color : white;
              color : black;
              padding : 0;
              margin : 0 0 13px 0;
              border-collapse : collapse;
              width : 100%;
              clear : both;                                 /* for clearing floated images */
            }

            .table_style th, .table_style td {
              background-color : white;
              margin : 0;
              border : 1px solid #cdcfd0;
              padding : 3px;
              color : #666666;
            }

            .table_style th h5 {
              margin-bottom : 0;
            }

/* table style for 2 columns in content area */

            .two_columns {
              width : 100%;
              margin-bottom : 0px;
            }

            .two_columns td {
              background-color : white;
              margin : 0;
              border : none;
              padding : 0px;
              color : black;
              vertical-align: top;
            }

            .two_columns .column_padding {
              padding-right : 20px;
            }

/* "navgrid" landing page navigation grid */

            #content .navgrid {
              margin-top : 18px;
              width : 510px;
              clear : left;
            }

            #content .navgrid dl {
              margin : 0 40px 30px 0;
              width : 209px;
              float : left;
              display : inline;                             /* IE fix for double margin bug */
            }

            #content .navgrid dt {
              font-size : 1.8em;
              margin: 0 0 3px 0;
              padding: 0;
              font-weight : normal;
            }

            #content .navgrid dd {
              margin : 0;
              padding : 0;
            }

            #content .navgrid dd.caption {
              color : #666666;
              font-size : 1.1em;
              margin : 10px 0px 0px 5px;
            }

            #content .navgrid a {                          /* removes navgrid title hover */
              text-decoration : none;
            }

            #content .navgrid dd.caption a:hover { text-decoration : underline; }

            #content .navgrid .green dt a    { color: #6dbb44; }     /* sets navgrid title color */
            #content .navgrid .red dt a      { color: #b30a3c; }
            #content .navgrid .purple dt a   { color: #810a7e; }
            #content .navgrid .orange dt a   { color: #ff850d; }
            #content .navgrid .navy dt a     { color: #0c2577; }

/* sidebar column "navigation lists" */

            .inner .navlist {
              list-style-type : none;
              margin : 0 0 13px 0;
              padding : 0;
              list-style-position : outside;
            }

            .inner .navlist li {
              list-style-type : none;
              background-image : none;
              list-style-image: none;
              font-size : 1.2em;
              color : #838383;
              text-align : left;
              border-bottom : #cdcfd0 solid 1px;
              margin : 0;
              padding : 0;
            }

            .inner .navlist li a {
              margin : 0;
              padding : 5px 0 5px 0;
              display : block;
            }

            .inner .navlist li a:link    { color: #666666; text-decoration: none; font-weight : normal; }
            .inner .navlist li a:visited { color: #666666; text-decoration: none; font-weight : normal; }
            .inner .navlist li a:hover   { color: black; text-decoration: underline; font-weight : normal; }
            .inner .navlist li a:active  { color: #666666; text-decoration: none; font-weight : normal; }

            .inner .navlist li.current a { color: black; font-weight: bold !important;}

             /* navlist third-tier navigation */

            .inner .navlist .submenu {
              margin-top : -5px;
              margin-left : 0px;
              padding-left : 0;
              list-style-type : square;
              list-style-position: inside;
              margin-bottom : 5px;
            }

            .inner .navlist .submenu li {
              list-style-type : square;
              border : none;
              padding : 2px 5px 2px 5px;
              color : #666666;
              margin-left : 0;
            }

            .inner .navlist .submenu li.submenu_current {
              background-color : #e8e8e8;
              color : black;
            }

            .inner .navlist .submenu li.submenu_current a {
              color : black;
            }

            .inner .navlist .submenu li a {
              margin : 0;
              padding : 0;
              display : inline;
              color : #666666;
              font-weight : normal !important;
            }

/* feature - gives the element some vertical breathing room */

            .inner .feature {
              margin-top : 20px;
              margin-bottom : 25px;
            }

/* sidebar panel, for search and other administration features */

            .sidebar_panel {
               background-color : #e8e8e8;
               padding : 5px 5px 5px 5px !important;
               color : #666666;
               margin : 10px 5px 10px 5px;
              }

            .sidebar_panel h5 {
              background-color : #999999;
              color : white;
              padding : 2px 5px 2px 5px;
              font-weight : bold;
            }

            .sidebar_panel h6 {
              margin-bottom : 0;
            }

            .sidebar_panel p {
              margin : 0 9px 10px 5px;
            }

            .sidebar_panel form {
              margin-left : 5px;
            }

            .sidebar_panel ul {
              margin-left : 3px;
            }

            .sidebar_panel li {
              color : #067ab4;
            }

.article1_img {
  float:right;
  clear:left;
  padding:10px;
  border:1px solid gray;
  margin: 5px 5px 5px 5px;
}

.article2_img {
  float:left;
  clear:right;
  padding:10px;
  border:1px solid gray;
  margin: 20px 15px 15px 5px;
}

.article3_img {
  float:right;
  clear:left;
  padding:10px;
  border:1px solid gray;
  margin: 20px 10px 15px 15px;
}

.article4_img {
  float:left;
  clear:right;
  padding:10px;
  border:1px solid gray;
  margin: 20px 15px 15px 5px;
}

.article5_img {
  float:right;
  clear:left;
  padding:10px;
  border:1px solid gray;
  margin: 5px 5px 5px 5px;
}

.article6_img {
  float:left;
  clear:right;
  padding:10px;
  border:1px solid gray;
  margin: 20px 15px 15px 5px;
}

.article7_img {
  float:right;
  clear:left;
  padding:10px;
  border:1px solid gray;
  margin: 20px 10px 15px 15px;
}

.article8_img {
  float:left;
  clear:right;
  padding:10px;
  border:1px solid gray;
  margin: 20px 15px 15px 5px;
}


.article_img p {
  margin-top:0px;
  margin-bottom:0px;  
  font-size:0.8em;
  font-style:italic;
  padding-top:5px;
}

.article1_img p {
  margin-top:0px;
  width: 200px;
  margin-bottom:0px;  
  font-size:0.8em;
  font-style:italic;
  padding-top:5px;
}

.article2_img p {
  width: 200px;
  margin-top:0px;
  margin-bottom:0px;  
  font-size:0.8em;
  font-style:italic;
  padding-top:5px;
}

.article3_img p {
  width: 200px;
  margin-top:0px;
  margin-bottom:0px;  
  font-size:0.8em;
  font-style:italic;
  padding-top:5px;
}

.article4_img p {
  width: 200px;
  margin-top:0px;
  margin-bottom:0px;  
  font-size:0.8em;
  font-style:italic;
  padding-top:5px;
}

.article5_img p {
  width: 200px;
  margin-top:0px;
  margin-bottom:0px;  
  font-size:0.8em;
  font-style:italic;
  padding-top:5px;
}

.article6_img p {
  width: 200px;
  margin-top:0px;
  margin-bottom:0px;  
  font-size:0.8em;
  font-style:italic;
  padding-top:5px;
}

.article7_img p {
  width: 200px;
  margin-top:0px;
  margin-bottom:0px;  
  font-size:0.8em;
  font-style:italic;
  padding-top:5px;
}

.article8_img p {
  width: 200px;
  margin-top:0px;
  margin-bottom:0px;  
  font-size:0.8em;
  font-style:italic;
  padding-top:5px;
}

img.floatRight { 
    float: right; 
    margin: 4px; 
}

img.floatLeft { 
    float: left; 
    margin: 4px; 
}


/* override colors */

            .green          { color : #6ebb0d !important; border-color : #6ebb0d !important; }
            .red            { color : #b30a3c !important; border-color : #b30a3c !important; }
			.rednb          { color : #b30a3c !important; }
            .purple         { color : #810a7e !important; border-color : #810a7e !important; }
            .navy           { color : #0c2577 !important; border-color : #0c2577 !important; }
            .orange         { color : #ff850d !important; border-color : #ff850d !important; }
			.black          { color : #000000 !important; border-color : #000000 !important; }
            .white          { color : #ffffff !important; border-color : #ffffff !important; }
            .gray           { color : #666666 !important; border-color : #666666 !important; }
            .blue           { color : #067ab4 !important; border-color : #067ab4 !important; }
            .accent         { color : #067ab4; border-color : #067ab4; }

            .reverse        { color : #ffffff !important; background-color : #999999; padding: 2px 5px 2px 5px; font-weight : bold; }


/* fixing font sizes inside nested elements */

            li li { font-size:1em !important; }

            li li, li p, blockquote p, blockquote li {font-size:1em !important; }

.xtinywhite {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8px; color: #FFFFFF; text-transform: none}
.xtiny { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8px; color: #000000; text-transform: none}
.headerblue { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14pt ; color: #006699}
.headerwhite { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14pt ; color: #FFFFFF}
.no_underw { text-decoration: none ; color: #FFFFFF}
.headergreen { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14pt ; color: #009933}
.headerred { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14pt ; color: #CC0000}
.smallwhite { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt ; color: #FFFFFF }
.smallgray { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt ; color: #999999 }
.smallblack { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt ; color: #000000 }
.tinyblue { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #336699}
.smallblue { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt ; color: #336699}
.smallred { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt ; color: #990000}
.smallyellow { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt ; color: #CC9900}
.smallgreen { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt ; color: #009933}
.smallmag { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt ; color: #6633FF}
.smallorange { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt ; color: #ff9900}