/*
    B1_global_css.php

    Global CSS Styles
    Page widths
    site-wide link styles

*/

/*
    These two classes are used to center the content in
    the pageContent div on the page.
*/
html { height : 100%; }
body {
	background : url(../media/images/bg2.jpg) #000;
	font-family : Verdana;
	font-size : 12pt;	
	padding : 0px;
	margin : 0px;	
	color : #FFF;
	height : 100%;
}

.pageWrapper {
    width      : 100%;
    height     : 100%;
    margin     : 0%;
    padding    : 0px;
    text-align : center;
}

.pageContent {
    width            : 960px;
    margin-left      : auto;
    margin-right     : auto;
    margin-top       : 0px;
    margin-bottom    : 0px;
    text-align       : left;
    background       : url(../media/images/centerBackground.png) repeat-y;
    min-height           : 100%;
}

* html .pageContent { height : 100%; }

.content { 
	padding-left:40px;
	padding-right:40px;
}

/* Element-specific stlyes */

div.downMessage {
    width       : 100%;
    text-align  : center;
    font-weight : 700;
    padding      : 50px 0px 0px 0px;
}

h1 {
    font-size   : 1.3em;
    font-weight : 700;
}

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

#urgentMessages {
    color            : #FFF;
    width            : 100%;
    font-size        : .8em;
    font-weight      : 700;
    border-bottom    : 2px solid #F00;
    background-color : #000;
    margin           : 0px 0px 20px 0px;
    font-family      : Verdana;
}

.headerLinks a{
	color : #F00;
}


/* ltw tags */

#ltwTag {
    text-align       : center;
    font-size        : .65em;
    padding          : 2px 0px 2px 0px;
    margin           : 15px 0px 0px 0px;
    background-color : #FFF;
}

#ltwTag a {
    color : #525380;
}

#ltwTag a:hover {
    color : #CC3300;
}

.label { font-weight : 700; }


.processingGraphic {
    background-image : url(../../system/files/loadingProgress.gif);
    background-repeat : no-repeat;
    background-position : center;
    width : 100%;
    height : 100%;
    display : none;
}

.cover {
	text-align : center;
    position : absolute;
    z-index  : 150;
    background-color : #000;
    width    : 100%;
    height   : 100%;
    top      : 0px;
    left     : 0px;
    filter:alpha(opacity=90);
    -moz-opacity:.90;
    opacity:.90;
    display : none;
    font-family : Verdana;
    font-weight : 700;
    font-size : 40pt;
    color     : red;
}

#siteDown {
	color : #000;
	font-family : Verdana;
	font-size : 14pt;
	text-align : center;
	width : 100%;
	margin : 50px 0px 20px 0px;	
}

#siteDown a {

	float : left;
	color : #F00;
	font-family : Verdana;
	font-size : 14pt;
	text-decoration : underline;
			
}

/* Hack to apply fixed except in IE6 -- IE6 will ignore this rule */
html>body .cover { position:fixed; }

/* applied to mozilla browsers to always show the vertical scrollbar, like IE */
html { overflow: -moz-scrollbars-vertical; }
html { overflow-x: auto; }