/* Shadow boxes */
/* keep - just in case .shadow-bringer {width: 550px;height: 140px;margin:10px;padding:0px;background: #FFF;} */


.shadow {-moz-box-shadow: 1px 1px 0px 1px #999;
		 -webkit-box-shadow: 1px 0px 0px 1px #999;
		 box-shadow: 1px 1px 0px 0px #999;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=115, Color='#cccccc')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=115, Color='#cccccc');	}
				 
/* Make fancybox transparent */	
#fancybox-outer {background: transparent;}
#fancybox-outer div {background: url();}


#content {
width: 350px;
margin: 30px auto;
padding: 20px 60px;
border: 1px solid #D2D2D2;
-moz-box-shadow: 0 0 30px #CCC;
-webkit-box-shadow: 0 0 30px #CCC;
box-shadow: 0 0 30px #CCC;
/* background: #FFF; */
/* background: -webkit-gradient(linear, left top, left 15, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF)); */
/* background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 15px); */
}

/* Primary navigation box on each page */
.NavBox {
    background: #f9f9f9;
    border: 1px solid #ccc;
    padding: 8px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
font-family: Arial,Helvetica,Sans-serif; 
font-size: 9pt;
color:#404040;
/* -moz-box-shadow: 2px 2px 2px #666;  */

.NavBox a:active { font-size: 9pt; color: #007AFF; text-decoration: none ;}
.NavBox a:link { font-size: 9pt; color: #007AFF; text-decoration: none ;}
.NavBox a:visited { font-size: 9pt; color: #007AFF; text-decoration: none ;}
.NavBox a:hover { font-size: 9pt; color: #0000CC; text-decoration: underline;}	
}

/* DEPRICATED replaced by NavBox on the dev system */
.boxStd {
    background: #f9f9f9;
    border: 1px solid #eee;
    padding: 5px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
font-family: Arial,Helvetica,Sans-serif; 
font-size: 10pt;
color:#404040;}
/* -moz-box-shadow: 2px 2px 2px #666;  */
.boxStd a:active { font-size: 10pt; color: #007AFF; text-decoration: underline ;}
.boxStd a:link { font-size: 10pt; color: #007AFF; text-decoration: none ;}
.boxStd a:visited { font-size: 10pt; color: #007AFF; text-decoration: none ;}
.boxStd a:hover { font-size: 10pt; color: #0000CC; text-decoration: underline;}


/* box to highlight interesting content or fields  */
.boxStdblue {
    background: #EEF7FF;
    border: 0px solid #ccc;
    padding: 5px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
font-family: Arial,Helvetica,Sans-serif; 
font-size: 10pt;
color:#404040;
/* -moz-box-shadow: 2px 2px 2px #666;  */
}

/* box primarily for lerts or important content */
.boxStdYellow {
    background: #FFEEAF;
    border: 0px solid #ccc;
    padding: 5px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
font-family: Arial,Helvetica,Sans-serif; 
font-size: 10pt;
color:#404040;
-moz-box-shadow: 2px 2px 2px #666;  
}

/* Navigation boxes with rounded corners */
.boxNaviMain {
    background: #ddd;
    border: 0px solid #ccc;
    padding: 5px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
font-family: Arial,Helvetica,Sans-serif; 
font-size: 12pt;
color:#404040;
-moz-box-shadow: 2px 2px 2px #666;  
}

.boxNavi {
   background: #fff;
   border: 1px solid #eee;
   padding: 7px;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
font-family: Arial,Helvetica,Sans-serif;
font-size: 10pt;
color:#404040;}
	/* -moz-box-shadow: 2px 2px 2px #666;  */
	
.boxNavi a:active { font-size: 9pt; color: #007AFF; text-decoration: none ;}
.boxNavi a:link { font-size: 9pt; color: #007AFF; text-decoration: none ;}
.boxNavi a:visited { font-size: 9pt; color: #007AFF; text-decoration: none ;}
.boxNavi a:hover { font-size: 9pt; color: #0000AA; text-decoration: underline;}


/* boxes with rounded corners */
.ScoreBox {
    background: #4169E1;
    border: 1px solid #ccc;
    padding: 5px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
font-family: Verdana,Arial,Helvetica,Sans-serif; 
font-size: 10pt;
color:#FFF;
-moz-box-shadow: 2px 2px 2px #666;  
}

/* Standard frame for all content page segments in the application */
.boxInfo {
   background: #f5f5f5;
   border: 1px solid #f3f3f3;
   padding: 7px;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
font-family: Arial,Helvetica,Sans-serif;
font-size: 10pt;
color:#404040;}
	/* -moz-box-shadow: 2px 2px 2px #666;  */
.boxInfo a:active { font-size: 9pt; color: #007AFF; text-decoration: none ;}
.boxInfo a:link { font-size: 9pt; color: #007AFF; text-decoration: none ;}
.boxInfo a:visited { font-size: 9pt; color: #007AFF; text-decoration: none ;}
.boxInfo a:hover { font-size: 9pt; color: #0000CC; text-decoration: underline;}

/* Standard frame for all content page segments in the application */
.boxInfobl {
   background: #f5f5f5;
   border: 0px solid #f3f3f3;
   padding: 7px;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
font-family: Arial,Helvetica,Sans-serif;
font-size: 10pt;
color:#404040;}
	/* -moz-box-shadow: 2px 2px 2px #666;  */
.boxInfobl a:active { font-size: 9pt; color: #007AFF; text-decoration: none ;}
.boxInfobl a:link { font-size: 9pt; color: #007AFF; text-decoration: none ;}
.boxInfobl a:visited { font-size: 9pt; color: #007AFF; text-decoration: none ;}
.boxInfobl a:hover { font-size: 9pt; color: #0000CC; text-decoration: underline;}


/* Exposing content i.e. Page banner, advocates / mention box... */
.boxInfoBold {
   background: #f0f0f0;
   border: 1px solid #a0a0a0;
   padding: 7px;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
font-family: Arial,Helvetica,Sans-serif;
font-size: 10pt;
color:#404040;}
	/* -moz-box-shadow: 2px 2px 2px #666;  */
.boxInfo a:active { font-size: 9pt; color: #007AFF; text-decoration: none ;}
.boxInfo a:link { font-size: 9pt; color: #007AFF; text-decoration: none ;}
.boxInfo a:visited { font-size: 9pt; color: #007AFF; text-decoration: none ;}
.boxInfo a:hover { font-size: 9pt; color: #0000CC; text-decoration: underline;}