/*
    B1_global_css.php

    Global CSS Styles
    Page widths
    site-wide link styles

	Kuler Scheme: 
	
		Base: ABC2EB
		Mode: Triad


*/

/*
    These two classes are used to center the content in
    the pageContent div on the page.
*/

body {
	font-family : Verdana;
	font-size : 12pt;	
	padding : 0px;
	margin : 0px;	
	background : url(../media/backgrounds/php.jpg);
	/*background-position: -700px -500px;*/
}

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

.pageContent {
    width            : 960px;
    padding          : 0px;
    margin-left      : auto;
    margin-right     : auto;
    margin-top       : 0px;
    margin-bottom    : 0px;
    text-align       : left;
}

div.pageContent{
	position: relative;
	height: 600px;
	margin-top: 20px;
}

#pageContentBG {
    filter:alpha(opacity=90);
    -moz-opacity:.9;
    opacity:.9;
	background-color: #FFF;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border: 1px solid #DDD;
}

#page {
	position: absolute;
	top: 60px;
	left: 0px;
	height: 600px;	
	z-index: 0;	
}


/* Element-specific stlyes */

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

h1 {
    font-size   : 1.3em;
}

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

p.synopsis {
	font-size: 11pt;
	line-height: 18pt;
	color: #C1272D;		
	margin-left: 10px;
}

a {
	color: #2E446B;	
}

#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/loadingProgress2.gif);
    background-repeat : no-repeat;
    background-position : center;
    width : 100%;
    height : 100%;
    display : none;
}

.cover {
	text-align : center;
    position : absolute;
    z-index  : 1000;
    background-color : #FFF;
    width    : 100%;
    height   : 100%;
    top      : 0px;
    left     : 0px;
    filter:alpha(opacity=65);
    -moz-opacity:.65;
    opacity:.65;
    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;
			
}

.emphasis { font-weight: 700; }

/* 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; }


.bpTitle {
	margin-top : 0px;	
}

.bpTitle img { /*visibility : hidden;*/ }