.background {
	background:#fff7f7;
}

.sidebar {
	background:#f0f0f0;
}

.topicTab {
	width: 140px;
	height: 32px;
	background:#f0d0d0;
	padding-left:5px;
	margin-right: 5px;
	//border-top-right-radius:10px;
	font-family:"Segoe UI Light","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
	font-size:20px;
	cursor:pointer;
}

.topicTab:hover {
	background:#e0c0c0;
}

.itemTile {
	width: 250px;
	height: 150px;
	background:#f0d0d0;
	padding:5px;
	cursor:pointer;
}


.itemTile:hover {
	background:#e0c0c0;
}

.itemTileSmall {
	font-family:"Segoe UI Light","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
	width: 150px;
	height: 100px;
	background:#f0d0d0;
	padding:5px;
	//border-radius:10px;
	cursor:pointer;
}

.itemTileSmall:hover {
	background:#e0c0c0;
}


.itemTitle {
	font-family:"Segoe UI Light","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
	font-size:20px;
	padding-left: 10px;
}

.dashboardTile {
	font-family:"Segoe UI Light","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
	width: 245px;
	height: 100px;
	background:blue;
	color: white;
	padding:1px;
	padding-left:15px;
	padding-right:15px;
	margin-left:1px;
	margin-right:1px;
	cursor:pointer;
}

.dashboardTile:hover {
	background:#e0c0c0;
}

.dashboardTileInactive {
	font-family:"Segoe UI Light","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
	width: 245px;
	height: 100px;
	background:gray;
	color: white;
	padding:1px;
	padding-left:15px;
	padding-right:15px;
	margin-left:1px;
	margin-right:1px;
}


.tabTile {
	font-family:"Segoe UI Light","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
	font-size:20px;
	width: 245px;
	height: 35px;
	background:#A5A5DA;
	color: white;
	padding:1px;
	padding-left:15px;
	padding-right:15px;
	margin-left:1px;
	margin-right:1px;
	cursor:pointer;
}

.tabTile:hover {
	background:#084DA5;
}

.tabTileActive {
	font-family:"Segoe UI Light","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
	font-size:20px;
	width: 245px;
	height: 35px;
	background:#084DA5;
	color: white;
	padding:1px;
	padding-left:15px;
	padding-right:15px;
	margin-left:1px;
	margin-right:1px;
	cursor:pointer;
}


.subTabTile {
	font-family:"Segoe UI Light","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
	font-size:16px;
	width: 160px;
	height: 20px;
	background:black;
	color: white;
	padding:1px;
	padding-left:15px;
	padding-right:15px;
	margin-left:1px;
	margin-right:1px;
	text-align:center;
	cursor:pointer;
}

.subTabTile:hover {
	background:gray;
}


.itemSubTitle {
	font-family:"Segoe UI Light","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
	font-size:16px;
	padding-left: 10px;
	width:90px;
	height:100px;
	overflow: hidden;
}

.itemText {
	font-family:"Segoe UI Light","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
	font-size:16px;
	padding-left: 10px;
}

.itemTextTitle {
	font-family:"Segoe UI Light","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
	font-size:40px;
	padding-left: 10px;
	text-align: left;
	font-weight:bold;
	
}

.itemTextActive {
	font-family:"Segoe UI Light","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
	font-size:16px;
	padding-left: 10px;
}

.itemTextActive:hover {
	font-weight: bold;
}

.itemSubTitleOK {
	font-family:"Segoe UI Light","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
	font-size:16px;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 10px;
	width:140px;
	height:70px;
	color: #ffffff;
	background-color: #008000;	
	overflow: hidden;
}

.itemSubTitleBad {
	font-family:"Segoe UI Light","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
	font-size:16px;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 10px;
	width:140px;
	height:70px;
	color: #ffffff;
	background-color: #ff0000;	
	overflow: hidden;
}

.itemSubTitleNA {
	font-family:"Segoe UI Light","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
	font-size:16px;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 10px;
	width:140px;
	height:70px;
	color: #ffffff;
	background-color: #a0a0a0;	
	overflow: hidden;
}

.button {
	padding: 5px;
	width:80px;
	height: 30px;
	margin: 1px;
	cursor:pointer;
	color:white;
	text-align:center;	
	border-left:5px #004494 solid;
	font-family:"Segoe UI Light","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
    background:#004494;
}

.button:hover {
	background:blue;
	border-left:5px blue solid;
}

.buttonActive {
	padding: 5px;
	width:80px;
	height: 30px;
	margin: 1px;
	cursor:pointer;
	color:white;
	text-align:center;	
	border-left:5px red solid;
	font-family:"Segoe UI Light","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
    background:navy;
}


.buttonActive:hover {
	background:blue;
	border-left:5px red solid;
}

.button2 {
	padding: 5px;
	width:80px;
	height: 30px;
	margin: 1px;
	cursor:pointer;
	color:black;
	text-align:center;	
	border-left:5px #f7d0d0 solid;
	font-family:"Segoe UI Light","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
    background:#f7d0d0;
}

.button2:hover {
	background:f7b0b0;
	border-left:5px red solid;
}

.button2Active {
	padding: 5px;
	width:80px;
	height: 30px;
	margin: 1px;
	cursor:pointer;
	color:black;
	text-align:center;	
	border-left:5px red solid;
	font-family:"Segoe UI Light","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
    background:#f7d0d0;
}


.button2Active:hover {
	background:f7b0b0;
	border-left:5px red solid;
}


.buttonInline {
	padding: 5px;
	width:80px;
	height:30px;
	margin:1px;
	cursor:pointer;
	color:navy;
	text-align:center;	
	border:1px navy solid;
	font-family:"Segoe UI Light","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
    background:white;
}

.buttonInline:hover {
	background:#DDDDFF;
}


.menuButton {
	font-family:"Segoe UI Light","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
	color:#a00000;
	padding: 5px 5px 5px 5px;
	//border:1px #a00000 solid;
	background:#f7f0f0;
	margin-bottom:10px;
	font-size:32px;
	text-align: center;
}

.menuButton:hover {
	background:#f0c0c0;
}

.menuButtonInactive {
	font-family:"Segoe UI Light","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
	color:#a0a0a0;
	padding: 5px 5px 5px 5px;
	//border:1px #a00000 solid;
	background:#f7f0f0;
	margin-bottom:10px;
	font-size:32px;
	text-align: center;
}


.slideButton {
	width: 80px;
	height:25px;
	color:#a00000;
	background:#f0e0e0;
	padding:5px;
	border:1px #a00000 solid;
	cursor:pointer;
}

.slideButton:hover {
	background:#f0c0c0;
}

.slideButton:active {
	background:#f0c0c0;
}


.dialogButton {
	width:100px;
	height:30px;
	border:solid;
	border-width:2px;
	background:#f0e0e0;
	border-color:#d73d3a;
	color:#d73d3a;
}

.dialogButton:hover {
	background:#f0c0c0;
}

.dialogButton:active {
	background:#f0c0c0;
}

.dialogFrame {
    position: absolute;
    top:10px;
    left:20px;
    margin: 0px 0px;
    text-align: center;
    padding: 10px 10px 10px 10px;
    width: 850px;
    height:500px;
    font-family:"Segoe UI Light","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
    color:#ffffff;
    background:#000000;
    /* easy rounded corners for modern browsers */
    //-moz-border-radius: 6px;
    //-webkit-border-radius: 6px;
    //border-radius: 6px;
}


.floatingTile {
    position: absolute;
    top:100px;
    left:50px;
    margin: 0px 0px;
    text-align: center;
    padding: 10px 10px 10px 10px;
    width: 50px;
    height:25px;
    font-family:"Segoe UI Light","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
    color:#ffffff;
    background:#700000;
    //-moz-border-radius: 6px;
    //-webkit-border-radius: 6px;
    //border-radius: 6px;
}

.floatingTile:hover {
	background:#777777;
}

.floatingTile:active {
	background:#777777;
}

.floatingTileTransparent {
    position: absolute;
    top:100px;
    left:50px;
    margin: 0px 0px;
    text-align: center;
    padding: 10px 10px 10px 10px;
    width: 50px;
    height:25px;
    font-family:"Segoe UI Light","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
    color:#000000;
    background:#ff0000;
    border:3px #ff0000 solid;
    filter: alpha(opacity=30); 
    -khtml-opacity: 0.3; 
    -moz-opacity: 0.3; 
    opacity: 0.3; 
    //-moz-border-radius: 6px;
    //-webkit-border-radius: 6px;
    //border-radius: 6px;
}


.dataTile {
	margin: 5px;
	padding: 5px;
	width:190px;
	height:120px;
	font-family:"Segoe UI Light","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
    background:#f0f0f0;
}

.label {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	width: 50px;
	word-wrap:break-word;
	overflow: hidden;
	font-size: 14px;
	color: #000000;
	padding:2px;
}


.menuHeader {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: 16px;
	font-style: italic;
	color: #ffffff;
}

.menuLabel {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: 14px;
	color: #ffffff;
	padding:3px;
	padding-left:7px;
}

.menuLabel:hover {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: 14px;
	color: #ffffff;
	background-color: #777777;
}

.menuLabelInactive {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: 14px;
	color: gray;
	padding:3px;
	padding-left:7px;
}


.scoreOK {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: 18px;
	font-weight:bold;
	width:90px;
	height:57px;
	color: #ffffff;
	background-color: #008000;	
	text-align: center;
	padding-top:10px;
	margin-top:-100px;
	margin-left:105px;
	overflow:hidden;
}

.scoreMedium {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: 18px;
	font-weight:bold;
	width:90px;
	height:60px;
	color: #ffffff;
	background-color: #F89501;	
	text-align: center;
	padding-top:10px;
	margin-top:-100px;
	margin-left:105px;
	overflow:hidden;
}


.scoreBad {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: 18px;
	font-weight:bold;
	width:90px;
	height:60px;
	color: #ffffff;
	background-color: #ff0000;	
	text-align: center;
	padding-top:10px;
	margin-top:-100px;
	margin-left:105px;
	overflow:hidden;
}

.scoreNeutral {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: 18px;
	font-weight:bold;
	width:90px;
	height:60px;
	color: #ffffff;
	background-color: #0000ff;	
	text-align: center;
	padding-top:10px;
	margin-top:-100px;
	margin-left:105px;
	overflow:hidden;

}


.scoreUnknown {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: 18px;
	font-weight:bold;
	width:90px;
	height:60px;
	color: #ffffff;
	background-color: #808080;	
	text-align: center;
	padding-top:10px;
	margin-top:-100px;
	margin-left:105px;
	overflow:hidden;

}


.rankContainer {
	width:185px;
	height:20px;
	margin-top:25px;
	border:1px black solid;
}

.rankLabel {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #ffffff;
	width:30px;
	height:20px;
	text-align: center;
}


.callout {
    position: absolute;
    top:100px;
    left:50px;
    margin: 0px 0px;
    padding: 0px 0px;
    background-color: #000000;
    /* easy rounded corners for modern browsers */
    //-moz-border-radius: 6px;
    //-webkit-border-radius: 6px;
    //border-radius: 6px;
}

.callout .notch {
    position: absolute;
    top: 10px;
    left: -10px;
    margin: 0;
    border-top: 10px solid transparent;
    border-left: 0;
    border-right: 10px solid #000000;
    border-bottom: 10px solid transparent;
    padding: 0;
    width: 0;
    height: 0;
    /* ie6 height fix */
    font-size: 0;
    line-height: 0;
     /* ie6 transparent fix */
    _border-right-color: pink;
    _border-left-color: pink;
    _filter: chroma(color=pink);
}

.border-callout { border: 1px solid #000000; padding: 6px 6px; }
.border-callout .border-notch { border-left-color: #000000; top: 10px; }

.tabLabel {
	font-family:"Segoe UI Light","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
	height: 40px;
	width:70px;
	margin-top: 10px;
	padding: 5px;
	color:white;
	background: black;
	//border-top-right-radius:6px;
}

.tabLabelHidden {
	font-family:"Segoe UI Light","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
	height: 40px;
	width:70px;
	margin-top: 10px;
	padding: 5px;
	color:white;
	background: white;
	//border-top-right-radius:6px;
}

.tile {
	width:250px;
	height:210px;
	overflow:hidden	
}

.textPanel {
	font-family:"Segoe UI Light","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
	font-size:small;
	width:780px;
	height:100px;
	color:white;
	background-color:black;
	overflow:hidden;
	position:absolute;	
	padding: 5px;
}

.messagePanel {
	font-family:"Segoe UI Light","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
	font-size:12px;
	width:400px;
	height:20px;
	color:black;
	background-color:#FFD5D5;
	overflow:hidden;
	padding: 2px;
	margin:2px;
}


.paneltitle {
	font-size:24px;
	background:maroon;
	color:white;
	height:35px;
	overflow:hidden;
	//border-top-left-radius:10px;
	//border-top-right-radius:10px;	
}

.bodyText {
	font-family:"Segoe UI Light","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
	font-size:14px;
	overflow-y:scroll;
}

.genericText {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: 14px;
	color: #000000;
	padding:2px;
}

.genericTitle {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: 32px;
	color: #000000;
	padding:2px;
}

.pageTitle {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 18pt;
	width: 100%;
	border-bottom: 1px black solid;
}

.sectionTitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16pt;
	width: 100%;
	margin-top:10pt;
}

.sectionSubtitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14pt;
	width: 100%;
	margin-top:10pt;
}

.sectionNumber {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 24pt;
	color: white;
	background: silver;
	text-align: right;
	padding-left:10pt;
	padding-right:10pt;
}


.sectionText {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-weight: lighter;
	font-size: 10pt;
	margin-top:10pt;
	width:800px;

}

.tileLink {
	color:navy;
	font-weight: bold;
	cursor: pointer;
}

.helpBalloon {
	display:none;
	position:absolute;
	background-color:#ffffff;
	border:1px solid black;
	opacity:1.0;
	filter: alpha(opacity=100);
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	word-wrap:break-word;
}

.helpMore {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	width:80px;
	height:20px;
	border:solid;
	border-width:2px;
	background:#f0e0e0;
	border-color:#d73d3a;
	padding-left:10px;
	padding-top:5px;
	margin-top:10px;
	color:#d73d3a;
}

.helpBackground {
	display:none;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:#000000;
	opacity:0.2;
	filter: alpha(opacity=20);
}

.tourBalloon {
	display:none;
	position:absolute;
	background-color:#ffffff;
	border:1px solid black;
	opacity:1.0;
	filter: alpha(opacity=100);
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	word-wrap:break-word;
}


/* @group Blink */
.blink {
	-webkit-animation: blink .75s linear infinite;
	-moz-animation: blink .75s linear infinite;
	-ms-animation: blink .75s linear infinite;
	-o-animation: blink .75s linear infinite;
	 animation: blink .75s linear infinite;
}
@-webkit-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-moz-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-ms-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-o-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
/* @end */