@CHARSET "UTF-8";

body {
	background: #ddd url('/img/_softActivity/bgYLoop.jpg') center repeat-y;
	font-family:  arial, tahoma, ms sans serif,  Trebuchet, Helvetica, Arial, Verdana,  sans-serif;
	font-size: 12px; 
	text-align: left; 
	margin: 0px;
	padding: 0px;
	color: #555;
	line-height: 18px;
	}

p, div, span, li, ul, a {
	font-size: 12px;
	}
	
p, span { 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

ul, li { 
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	}

h1 { 
	font-size: 16px; 
	font-weight: bold; 
	color: #ff6900;  
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}

h2 { 
	font-size: 14px; 
	font-weight: bold; 
	color: #888;  
	margin: 10px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	}

h3, h4, h5, h6 { 
	font-size: 14px; 
	font-weight: bold; 
	font-style: italic;
	color: #888;
	margin: 10px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	}

table, td, th {
	border-collapse: collapse;
	border: 0px;
	vertical-align: top;
	}

.tableCustom td, .tableCustom th, .tableCustom table {
	border-collapse: inherit;
	border-bottom: 1px solid #1874af;
	padding: 4px;
	}


img {
	border: 0px none;
	margin: 0px;
	padding: 0px;
	}

a:link, a:active, a:visited {
	font-weight: normal;
	text-decoration: none;
	color: #ff6900;
	}

a:hover {
	font-weight: normal;
	text-decoration: none;
	color: #000000;
	}

.cnText {
	margin: 20px 0px 0px 0px;
}

#countrySpace a,
#countrySpace a:link,
#countrySpace a:active,
#countrySpace a:visited { 	font-weight: normal;  text-decoration: none;				color: #FFFFFF;	}
#countrySpace a:hover { 	font-weight: normal;  text-decoration: none;				color: #000000;	}


#masterTable {
	
	
	width: 850px; 
	
	}
	#countrySpace {
		background: #ff6900;
		width: 100%; 
		height: 22px;
		
		text-align: center;
		}
		#countrySitesSelect {
			text-align: right;
			width: 800px;
			color: #FFFFFF;
			font-size: 10px;
			font-weight: bold;
			height: 22px;
			
			margin: 0px auto;
			}
		#countrySitesSelect img {
			margin-top: 2px;
			margin-bottom: -3px;
			
			}
	#payoff {
			width: 850px;
			margin: 0px auto;
			}	
			#copyright {
			margin: 0px auto;
			width: 800px;
			
			}
	#titleSpace {
		height: 137px;
		width: 100%;
		background: #1874af;
		
		margin-bottom: 10px;
		
		position: relative;
		
		}
		#titleImage {
					width: 1024px;
					height: 168px;
					/*
					margin: 0px auto;
					margin-bottom: -30px;
					*/
					
					z-index: 20;
					position: absolute;
					left: 50%;
					margin-left: -520px;
					}



#menuRow {
	
	width: 210px;
	
	vertical-align: top;
	}
#mainContent {
	
	vertical-align: top;
	}
	
 /* menu div class xmCms_ */

.payoff {	font-size: 10px;
		height: 15px;
		text-align: center;
		}
	
	#cntSpacer {
	
			margin: 12px 60px 20px 18px;
			}
	
.streamer {
	padding: 8px;
	background: #1874af;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: white;
	margin-bottom: 25px;
	}		
#copyRight {
	
	height: 35px;
	font-size: 10px;
	
	}		
.payoff a,
.payoff a:active, 
.payoff a:visited,
.payoff a:hover {	
 		font-size: 10px;
		font-weight: normal;
		}
	
.navigation { vertical-align: top; }
.xmCms_menu_box { 		}
.xmCms_menu_row { 
		padding: 2px 1px 3px 1px;
		margin: 0px;		
		height: 18px; 
		border-bottom: 1px solid #4983ac;
		border-left: 1px solid #4983ac;
		background: #DBDCDE;	
		}
.xmCms_menu_title img { 		
		margin-top: 	3px;
		margin-bottom: -3px;
		margin-right: 	5px;
		
		}		
.xmCms_menu_title { 		height: 20px; 	font-weight: normal; 	color: #000000;	font-size: 13px; 	}
.xmCms_menu_title a, 
.xmCms_menu_title 
a:link,
.xmCms_menu_title a:active,
.xmCms_menu_title a:visited{ 	font-weight: normal;  text-decoration: none;				color: #000000;	font-size: 13px;	}
.xmCms_menu_title a:hover{ 	font-weight: normal;  text-decoration: none;				color: #4983ac;		font-size: 13px;	}

#xmCms_menu_active {	 	background: #8ac2d9;	color: #4983ac;		}		
#xmCms_menu_active a {	font-weight: bold; 					}

#xmCms_menu_next {	font-weight: normal; 		background: #b4d9e9;				}
#xmCms_menu_next a {	font-weight: normal; 					}	
			
#xmCms_menu_active_path {		background: #5db0d3;	}
#xmCms_menu_active_path a {	font-weight: normal; 				}
			
.xmCms_menu_ibox {
				border-bottom: 1px solid #4983ac;
				border-left: 1px solid #4983ac;			
				}
.xmenuH_box, .xmenuH_box a{
		text-align: justify;
		font-weight: normal;
		}
.xmenuH_box{
		text-align: justify;
		font-weight: normal;
		padding-bottom: 8px;
		border-bottom: 1px solid #ff6900; 
		}
.xMenuH_href, 
.xMenuH_href a,
.xMenuH_href a:link,
.xMenuH_href a:visited,
.xMenuH_href a:hover
	{
	font-size: 13px;
	line-height: 18px;
	font-family: Trebuchet MS;

	letter-spacing: 0px;
	font-weight: normal;

	white-space: nowrap;
	
	}
.xMenuH_href a:active, #xmenuH_active {
	color: #555;
	}
.xmenuH_refSpace {
	letter-spacing: 5px;
	}

.xmenuHorz_row {
	float: right;
	margin: 2px 5px 2px 5px;
	
	text-align: justify;
	text-transform: capitalize;
	
	}
					.xmenuHorz_row a, .xmenuHorz_row a:link, .xmenuHorz_row a:visited, .xmenuHorz_row a:active {
						color: #ff6900;
						font-weight: normal;
						text-decoration: none;
						font-size: 14px;
						
						}
				.xmenuHorz_row a:hover {
						color: #fa0;
						font-weight: normal;
						font-size: 14px;
						
						}
					#xmenuHorz_active a, #xmenuHorz_active a:link, #xmenuHorz_active a:visited, #xmenuHorz_active a:active {
						color: #555;
						font-weight: normal;
						text-decoration: none;
						font-size: 14px;
						
						}
				#xmenuHorz_active a:hover {
						color: #fa0;
						font-weight: normal;
						font-size: 14px;
						
						}
						
#MenuTop{
 		height: 38px; 
 		
 		border-top: 1px solid #ff6900; 
 		border-bottom: 1px solid #ff6900; 
 
 		margin-top: 65px;
 		
 			
 		}

				
						
.xm_TIP {
	margin: 20px;
	color: black;
	padding: 10px;
	
	}	
		
/** menu v0.3 */
.xmenu_box {
		display: table;
		width: 100%; 
		
		margin-bottom: 120px;
		margin-top: 5px;
		/*border-top: 1px solid #ff6900; */
		}
				.xmenu_box a, .xmenu_box a:link, .xmenu_box a:visited, .xmenu_box a:active {
						color: #1874af;
						font-weight: bold;
						text-decoration: none;
						}
				.xmenu_box a:hover {
						color: #ff6900;
						font-weight: bold;
						}
		.xmenu_row {				
				position: relative;
				margin-top: 5px;
				color: #ff6900;
				background: #d6efff;
				
				height: 23px;
				
				cursor: pointer;
				}
		#xmenu_active {
				color: white;
				background: #1874af;
				}
				#xmenu_active a, #xmenu_active a:link, #xmenu_active a:visited, #xmenu_active a:active {
						color: #fff;
						font-weight: bold;
						text-decoration: none;
						}
				#xmenu_active a:hover {
						color: #fff;
						font-weight: bold;
						}
		#xmenu_next {
				}
		#xmenu_crumb {
				background: #1874af;
				}
				#xmenu_crumb a, #xmenu_crumb a:link, #xmenu_crumb a:visited, #xmenu_crumb a:active {
						color: #fff;
						font-weight: bold;
						text-decoration: none;
						}
				#xmenu_crumb a:hover {
						color: #fff;
						font-weight: bold;
						}
				
				.xmenu_space{
						display: table-cell;
						width: 15px;
						}
				.xmenu_ico {
						display: table-cell;
						
						width: 15px;
					/*	height: 15px; */
						
						vertical-align: middle;
						text-align: center;
						height: 23px;
						}
				.xmenu_title {
						display: table-cell;
					
						vertical-align: middle;
						text-align: left;
						height: 23px;
						}
						
				.xmenu_icoPublic {
						position: absolute;
						top: -2px;
						left: -5px; 
						z-index: 5;
						}
				.xmenu_icoVsbl {
						position: absolute;
						bottom: -2px;
						left: -5px;	
						z-index: 5;
						}
						
						
						
/* zoom image */
.zoomImageBackground {
	background: #111;
}

.zoomImageContainer {
	background: #fff
}

.zoomImagePrevious,.zoomImageNext,.zoomImageClose {
	position: absolute;
	width: 30px;
	height: 30px;
	background: #444;
	z-index: 2;
	color: #fff;
	cursor: pointer;
}

.zoomImagePrevious {
	top: 50%;
	left: -16px;
	background: transparent url('/xwiz/boxeWhite/btnPrevLarge.png') bottom
		no-repeat;
}

.zoomImageNext {
	top: 50%;
	right: -16px;
	background: transparent url('/xwiz/boxeWhite/btnNextLarge.png') bottom
		no-repeat;
}

.zoomImageClose {
	position: absolute;
	top: -15px;
	right: -15px;
	background: transparent url('/xwiz/boxeWhite/btnCloseLarge.png') bottom
		no-repeat;
}

.PhotoStackBox img {
	
}

.stackImageContainer {
	background: #222;
}

/* GROUP TEXT IN IMAGE LOCATION */
.stackTextSlideBox {
	color: #bbb;
	background: #333;
	width: 100%;
	height: 100%;
}

.stackTextSlideTitle {
	font-size: 30px;
	line-height: 150%;
	margin: 30px
}

.stackTextSlideBody {
	font-size: 15px;
	margin: 30px;
}

/* TEXT IN IMAGE */
.stackSlideCaptionBox {
	color: white;
	padding-bottom: 8px;
	margin-bottom: -70px;
}

.stackSlideCaptionTitle {
	font-size: 14px;
	font-style: italic;
}

.stackSlideCaptionBody {
	font-size: 12px;
	font-style: italic;
}

.stackThumbStrip {
	background: #666;
	border-top: 1px solid #fff;
}

.stackThumb {
	
}

.stackThumbstackTitle {
	padding: 10px;
	display: table-cell;
	vertical-align: center;
	width: 120px;
	color: #bbb;
	background: #333;
}

.stackImage {
	width: 100%;
	height: 100%;
}

/**
start stop play pannel
*/
.stackControls { /*	background: #fff; */
	width: 150px;
	height: 35px;
}

.stackButtonNext,.stackButtonPreviuos,.stackButtonPlay,.stackButtonStop
	{
	float: left;
	width: 20px;
	height: 20px;
	color: #fff;
	background: #333;
	border: 1px solid #999;
	font-weight: bold;
	margin: 4px;
	text-align: center;
}


/*

FORM 2011

*/
.formRow,.formRowRequire {
	clear: both;
	margin: 5px;
}
.formRow, .formRowRequire {
	font-size: 11px;
}

.formRowRequire {
	background: #ddd;
}

.formTitle {

	font-weight: bold;
	font-size: 16px;
	color: black;
	width: 100%;
	padding-top: 15px;
	vertical-align: bottom;
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 1px;
	clear: both;
}

.formComment {

	font-weight: normal;
	font-style: italic;
	font-size: 14px;
	color: #333;
	padding-top: 15px;
	vertical-align: bottom;
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 1px;
	clear: both;
}

.formLabel {

	color: 333b75;
	float: left;
	margin-left: 6px;
	width: 175px;
}

.formText {
	width: 260px;
	font-size: 12px;
	color: 333b75;
	background: #eee;
	border: 1px solid #444;
}

.formStreet {
	width: 190px;
	font-size: 12px;
	color: 333b75;
	background: #eee;
	margin-right: 5px;
}

.formNumber {
	width: 40px;
	font-size: 12px;
	color: 333b75;
	background: #eee;
}

.formDay,.formMonth,.formYear,.formHour,.formMinute {
	margin-right: 5px;
	width: 40px;
	font-size: 12px;
	color: 333b75;
	background: #eee;
}

.formTextArea {
	width: 260px;
	height: 100px;
	font-size: 12px;
	color: 333b75;
	background: #eee;
	border: 1px solid #444;
}