/*************************************************************************/
/* 3rd Eye Media style sheet.  Modify these values to control 3rd Eye Media's        */
/* overall appearance.                                                   */
/*************************************************************************/

/*************************************************************************/
/* These HTML redefinitions are not really intended to apply to anything */
/* and are mainly included just for safety, in case any elements end up  */
/* outside of the domain of the custom tags further down.                */
/*************************************************************************/

body
{
	scrollbar-face-color:#EBF5FF;
	scrollbar-base-color:#EBF5FF;
	scrollbar-arrow-color:black;
	scrollbar-track-color:#F3F3F3;
	scrollbar-shadow-color:#EBF5FF;
	scrollbar-highlight-color:#EBF5FF;
	scrollbar-3dlight-color:#78AAFF;
	scrollbar-darkshadow-Color:#78AAFF;
	background-image: url(../images/bckgrnd/x3bckgrnd.jpg);
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	background: url(../images/backgrnd/background.jpg);
	margin: 20px;
}

td
{
	color: #333333;
	font: normal 12px/normal Verdana, Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.header
{
    font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000033;
    font-weight: bold;
}

/*************************************************************************/
/* These are usually used for stray text on pages that isn't inclued in  */
/* tables.                                                               */
/*************************************************************************/

.text
{
	color: #333333;
	font: normal 12px Verdana, Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.bigText
{
    font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #333333;
}

.tinyText
{
    font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #333333;
}

.tinyREDText
{
	color: #FF0000;
	font: 9px Verdana, Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.textHeader
{
    font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    font-weight: bold;
}

.textHeaderWhite
{
	color: #FFFFFF;
	font: italic normal 12px Verdana, Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	background: #4A494A;
	text-align: center;
	height: 20px;
	vertical-align: middle;
}

.bigTextHeader
{
	color: #999999;
	font: bold 20px Verdana, Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

/*************************************************************************/
/* This makes HTML form buttons not really look like buttons.  This is   */
/* specifically used on the non-frames message list page, for the page   */
/* indicators.  If you want those buttons to actually look like buttons, */
/* then change this.                                                     */
/*************************************************************************/

.Tableframe
{
	text-align: center;
	vertical-align: middle;
	border: 1pt solid #333333;
}

.leftBar
{
    font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px; color: #0000FF;
    background: #FFFFFF;
    font-weight: bold;
}

/*************************************************************************/
/* These are the buttons that look like buttons.  You always have the    */
/* option of replacing these buttons with images if you want to really   */
/* customize 3rd Eye Media, but maintaining an interface built out of image    */
/* buttons is really hard.                                               */
/*************************************************************************/

.button
{
	color: #FFFFFF;
	background: #999999;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	border: 1px solid #333333;
}

/*************************************************************************/
/* This is the table cells that are headers of tables.                   */
/*************************************************************************/

.tableHeader
{
	color: #333333;
	background: #E4E4E4 url(../images/css/tableHeader.gif) repeat-x 0px 0px;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}

/*************************************************************************/
/* This is for table cells that contain content text.                    */
/*************************************************************************/

.tableText
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #0000FF;
}

/*************************************************************************/
/* This is used to control the color of the horizontal lines in tables   */
/* that are used as vertical delimiters.                                 */
/*************************************************************************/

.tableLine
{
	border: 1px solid #333333;
}

/*************************************************************************/
/* This controls the appearance of the really light table cells that are */
/* alternated into tables that display rows of information.              */
/*************************************************************************/

.tableRuleBG
{
    background: #CCCCFF;
}

/*************************************************************************/
/* This controls the appearance of fixed-width characters in some forms. */
/* If you change this then you need to be sure to take a look at the     */
/* effect that this has on the width of textarea boxes like the one on   */
/* the message composition form.  Also note that Netscape 4 will         */
/* disregard this value for textarea boxes, so be sure to also manually  */
/* adjust the size specifically for that broken, sorry excuse for a      */
/* browser by modifying the 'font' tag around the specific textarea in   */
/* question.                                                             */
/*************************************************************************/

.formText
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

/*************************************************************************/
/* Same as the above, but used for boxes where the text can be larger.   */
/*************************************************************************/

.largeFormText
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

/*************************************************************************/
/* The copyright notice at the bottom of each page.                      */
/*************************************************************************/

.copyright
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8px;
    line-height: 10px;
    text-align: center;
    margin-bottom: 10px;
    color: #000033;
}

/*************************************************************************/
/* The Hyperlinks text notice for colours on each page.                  */
/*************************************************************************/

a:link {
	text-decoration: none;
	color: #333333;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}
a:visited {
	text-decoration: none;
	color: #999999;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}
a:hover {
	text-decoration: none;
	color: #333333;
	font: normal 11px/normal Verdana, Arial, Helvetica, sans-serif;
	background: url(file:///D|/1 - X3 MARKETING/X3 Marketing/images/bckgrnd/bckbutton.jpg) repeat;
}
a:active {
	text-decoration: none;
	color: #333333;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}