/* Global Styles */

body {
	margin:0px;
	background:#313131;
	padding: 0px;
	}
	
td {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	}
	
a {
	color: #666666;
	font-weight:normal;
	}
	
a:hover {
	color: #666666;
	}
	
h1 { display:inline; }
h2 { display:inline; }

	
/* Class Styles */
	
.bodyText,
.bodyText a:link,
.bodyText a:visited,
.bodyText a:active {
	font:12px Century Gothic, Verdana, Tahoma, sans-serif;
	color: #313131;
	line-height:19px;
	margin-top:0px;
	font-weight:normal;
	}

.bodyText a:hover {
	color: #38ADDE;
}

.bodyTextBlue,
.bodyTextBlue a:link,
.bodyTextBlue a:visited,
.bodyTextBlue a:active {
	font:12px Century Gothic, Verdana, Tahoma, sans-serif;
	color: #38ADDE;
	line-height:19px;
	margin-top:0px;
	font-weight:normal;
	text-decoration:none;
	}

.bodyTextBlue a:hover {
	color: #38ADDE;
}



/* EXHIBITION TEXT */
.exhibText {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	line-height:17px;
	margin-top:0px;
	}

.exhibText a:link {
	color: #666666;
	font-weight:normal;
	text-decoration:none;
}
.exhibText a:hover {
	color: #666666;
}
.exhibText a:visited {
	color: #666666;
	font-weight:normal;
	text-decoration:none;
}

.exhibText a:active {
	color: #666666;
	text-decoration:none;
}

/* White text */
.whiteText,
.whiteText a,
.whiteText a:link,
.whiteText a:visited{
	font:12px Century Gothic, Verdana, Tahoma, sans-serif;
	color:#FFFFFF;
	line-height:17px;
	margin-top:0px;
	color:#FFFFFF;
	font-weight:normal;
	text-decoration:none;
	}
	
.whiteText a:hover {
	color:#FFFFFF;
	font-weight:normal;
	text-decoration:underline;
	} 
	
	
.pageName {
	font: 24px Century Gothic, Verdana, Tahoma, sans-serif;
	color: #38ADDE;
	font-weight:normal;
	}
	
.statsNumbers,
.statsNumbers a,
.statsNumbers a:active,
.statsNumbers a:visited,
.statsNumbers a:hover {
	font: 24px Tahoma, Geneva, sans-serif;
	color: #2D94DC;
	font-weight:bold;
	text-decoration:none;
	}

.statsText,
.statsText a,
.statsText a:active,
.statsText a:visited,
.statsText a:hover {
	font: 16px Tahoma, Geneva, sans-serif;
	color: #7F7F7F;
	font-weight:normal;
	text-decoration:none;
	}
	
.chartTitles,
.chartTitles a,
.chartTitles a:active,
.chartTitles a:visited,
.chartTitles a:hover {
	font: 16px Tahoma, Geneva, sans-serif;
	color: #FFFFFF;
	font-weight:normal;
	text-decoration:none;
	}
	
.greenText,
.greenText a,
.greenText a:active,
.greenText a:visited,
.greenText a:hover {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#3BA04E;
	text-decoration:none;
	font-weight:normal;
	}


.pageNameWhite,
.pageNameWhite a,
.pageNameWhite a:active,
.pageNameWhite a:visited,
.pageNameWhite a:hover {
	font: 20px Century Gothic, Verdana, Tahoma, sans-serif;
	color: #FFFFFF;
	font-weight:normal;
	text-decoration:none;
	}
	
.smallText2 {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	}

.samteq {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	}
.samteq a{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration:none;
	color: #FFFFFF;
	}
.samteq a:link{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration:none;
	color: #FFFFFF;
	}
.samteq a:active{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration:none;
	color: #FFFFFF;
	}
.samteq a:hover{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration:underline;
	color: #FFFFFF;
	}
	
.login {color: #9BCDF8; font-size: 10px; font-weight:normal; font:Arial, Helvetica, sans-serif}
.login a {color: #9BCDF8; font-size: 10px; font-weight:normal;}
.login a:hover {color: #9BCDF8; font-size: 10px; font-weight:normal;}

.smallTextRed {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
	}
	

/* FEEDBACK MENU STYLES */
#feedback { display:block; position:fixed; text-align:right; top:200px; right:-1px; padding:1px; width:70px; border:none;
 }
 

.commentsText {
font:14px Century Gothic, Verdana, Tahoma, sans-serif;
color:#6A6A6A;
font-weight:normal;
text-decoration:none;
}

.returnlink,
.returnlink a,
.returnlink a:active,
.returnlink a:visited {
font:13px Century Gothic, Verdana, Tahoma, sans-serif;
color:#6B6B6B;
font-weight:normal;
text-decoration:none;
}
.returnlink a:hover {
font:13px Century Gothic, Verdana, Tahoma, sans-serif;
color:#38ADDE;
font-weight:normal;
text-decoration:none;
}

.smallOptions,
.smallOptions a,
.smallOptions a:active,
.smallOptions a:visited {
font:11px Century Gothic, Verdana, Tahoma, sans-serif;
color:#6B6B6B;
font-weight:normal;
text-decoration:none;
}
.smallOptions a:hover {
font:11px Century Gothic, Verdana, Tahoma, sans-serif;
color:#38ADDE;
font-weight:normal;
text-decoration:none;
}

.sectionTitles {
font:18px Century Gothic, Verdana, Tahoma, sans-serif;
color:#313131;
font-weight:normal;
text-decoration:none;
}

.commonTasksMenu,
.commonTasksMenu a,
.commonTasksMenu a:active,
.commonTasksMenu a:visited {
font:16px Century Gothic, Verdana, Tahoma, sans-serif;
color:#313131;
font-weight:normal;
text-decoration:none;
}

.headerLoginText,
.headerLoginText a,
.headerLoginText a:active,
.headerLoginText a:visited {
font:14px Century Gothic, Verdana, Tahoma, sans-serif;
color:#FFFFFF;
font-weight:normal;
text-decoration:none;
}

.headerLoginText a:hover {
font:14px Century Gothic, Verdana, Tahoma, sans-serif;
color:#38ADDE;
font-weight:normal;
text-decoration:none;
}

.roundedcorners {
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}

.roundedcornersbottom {
-webkit-border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
}

.fullshadows {
-webkit-box-shadow: #0d2f41 2px 2px 2px, #0d2f41 -2px -2px 2px;
-moz-box-shadow: #0d2f41 2px 2px 2px, #0d2f41 -2px -2px 2px; 
box-shadow: #0d2f41 2px 2px 2px, #0d2f41 -2px -2px 2px;
}

.bottomshadows {
-webkit-box-shadow: #0d2f41 0px 2px 2px;
-moz-box-shadow: #0d2f41 0px 2px 2px; 
box-shadow: #0d2f41 0px 2px 2px;
}

.smallroundedbox {
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
}


/* TOP MENU ITEMS */

.topMenuItem a,
.topMenuItem a:active,
.topMenuItem a:visited {
font:16px Century Gothic, Verdana, Tahoma, sans-serif;
color:#FFFFFF;
font-weight:normal;
text-decoration:none;
padding:5px 10px;
display:block;
}

.topMenuItem a:hover {
font:16px Century Gothic, Verdana, Tahoma, sans-serif;
color:#FFFFFF;
font-weight:normal;
text-decoration:none;
padding:5px 10px;
background:#202020;
display:block;
}

.topMenuItemSelected a,
.topMenuItemSelected a:active,
.topMenuItemSelected a:visited,
.topMenuItemSelected a:hover {
font:16px Century Gothic, Verdana, Tahoma, sans-serif;
color:#FFFFFF;
font-weight:normal;
text-decoration:none;
padding:5px 10px;
background:#CC7F06;
display:block;
}

.topMenuItemSelected2 a,
.topMenuItemSelected2 a:active,
.topMenuItemSelected2 a:visited,
.topMenuItemSelected2 a:hover {
font:16px Century Gothic, Verdana, Tahoma, sans-serif;
color:#FFFFFF;
font-weight:normal;
text-decoration:none;
padding:5px 10px;
background:#38ADDE;
display:block;
}

.topMenuItemSelected3 a,
.topMenuItemSelected3 a:active,
.topMenuItemSelected3 a:visited,
.topMenuItemSelected3 a:hover {
font:16px Century Gothic, Verdana, Tahoma, sans-serif;
color:#FFFFFF;
font-weight:normal;
text-decoration:none;
padding:5px 10px;
background:#3AA759;
display:block;
}


.terminalMenuItem a,
.terminalMenuItem a:active,
.terminalMenuItem a:visited {
font:25px Century Gothic, Verdana, Tahoma, sans-serif;
color:#f0f0f0;
font-weight:normal;
text-decoration:none;
border-bottom:1px solid #858585;
padding:13px 11px;
display:block;
}
.terminalMenuItem a:hover {
font:25px Century Gothic, Verdana, Tahoma, sans-serif;
color:#f0f0f0;
font-weight:normal;
text-decoration:none;
padding:13px 11px;
background:#202020;
display:block;
}

.terminalMenuItemSelected a,
.terminalMenuItemSelected a:active,
.terminalMenuItemSelected a:visited,
.terminalMenuItemSelected a:hover {
font:25px Century Gothic, Verdana, Tahoma, sans-serif;
color:#f0f0f0;
font-weight:normal;
text-decoration:none;
padding:13px 11px;
background:#CC7F06;
display:block;
}

.terminalTitle {
	font:46px Century Gothic, Verdana, Tahoma, sans-serif;
	color:#313131;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
	padding:30px 10px;
}

.terminalItemText,
.terminalItemText a,
.terminalItemText a:active,
.terminalItemText a:visited,
.terminalItemText a:hover {
	font:18px Century Gothic, Verdana, Tahoma, sans-serif;
	color:#313131;
	font-weight:normal;
	text-decoration:none;	
}

.terminalItemTextWhite,
.terminalItemTextWhite a,
.terminalItemTextWhite a:active,
.terminalItemTextWhite a:visited,
.terminalItemTextWhite a:hover {
	font:18px Century Gothic, Verdana, Tahoma, sans-serif;
	color:#FFFFFF;
	font-weight:normal;
	text-decoration:none;	
}

.terminalListBox {
	background:#FFFFFF; 
	margin:15px 30px;
	cursor:pointer;
}

.terminalListBoxSelected {
	background:#FFFFFF; 
	margin:15px 30px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.4);
	-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.4);
	box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.4);
	cursor:pointer;	
}

.terminalListMenuBox {
	background: #FFFFFF;
	margin: 15px 0px 15px 30px;
	cursor: pointer;
	font: 32px Century Gothic, Verdana, Tahoma, sans-serif;
	color: #313131;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	padding: 10px;
	height: 50px;
	line-height: 50px;
	width: 330px;
	float: left;
}
.terminalListMenuBoxSelected {
	margin: 15px 0px 15px 30px;
	cursor: pointer;
	font: 32px Century Gothic, Verdana, Tahoma, sans-serif;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	padding: 10px;
	height: 50px;
	line-height: 50px;
	width: 330px;
	float: left;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.4);
	-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.4);
	box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.4);
	cursor:pointer;	
	
	background-color:#7A7A7A;
	color:#FFFFFF;
}

.terminalSubTitleWhite {
	font:32px Century Gothic, Verdana, Tahoma, sans-serif;
	color:#FFFFFF;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
	padding:10px;
}

.terminalSubSubTitleWhite {
	font:24px Century Gothic, Verdana, Tahoma, sans-serif;
	color:#FFFFFF;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
	padding:5px;
}

/* CHART SELECTION ITEMS */

.chartSelItem a,
.chartSelItem a:active,
.chartSelItem a:visited {
font:16px Century Gothic, Verdana, Tahoma, sans-serif;
color:#FFFFFF;
font-weight:normal;
text-decoration:none;
padding:4px 11px;
display:block;
}

.chartSelItem a:hover {
font:16px Century Gothic, Verdana, Tahoma, sans-serif;
color:#FFFFFF;
font-weight:normal;
text-decoration:none;
padding:4px 11px;
display:block;
background:#8D8D8D;
}

.chartSelItemSelected a,
.chartSelItemSelected a:active,
.chartSelItemSelected a:visited,
.chartSelItemSelected a:hover {
font:16px Century Gothic, Verdana, Tahoma, sans-serif;
color:#FFFFFF;
font-weight:normal;
text-decoration:none;
padding:4px 11px;
background:#6B6B6B;
display:block;
}


.promotypebox {
font:14px Century Gothic, Verdana, Tahoma, sans-serif;
color:#FFFFFF;
font-weight:normal;
text-decoration:none;

-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;

background:#8B8B8B; 
width:120px; 
margin:5px 10px 5px 0px; 
padding:10px;
text-align:center; 
float:left; 
cursor:pointer;
}

.promotypeboxSelected {
font:14px Century Gothic, Verdana, Tahoma, sans-serif;
color:#FFFFFF;
font-weight:normal;
text-decoration:none;

-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;

background:#38ADDE; 
width:120px; 
margin:5px 10px 5px 0px; 
padding:10px;
text-align:center; 
float:left;
cursor:pointer;
}

.quoteMarks {
font:Georgia, "Times New Roman", Times, serif;
font-size:16px;
font-weight:bold;
color:#38ADDE;
line-height:14px;
}

.nameIdent,
.nameIdent a:link,
.nameIdent a:visited,
.nameIdent a:active,
.nameIdent a:hover {
	font:11px Century Gothic, Verdana, Tahoma, sans-serif;
	color: #de8238;
	margin-top:0px;
	font-weight:normal;
	text-decoration:none;
	}
	
.recentChangeBox {
	cursor:pointer;
	margin-bottom:5px;
}
.recentChangeBox:hover {
	cursor:pointer;
	background:#D3EBF7;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

.toprint { display:none; }

@media print {
body {
	margin:0px;
	background:#FFFFFF;
	padding: 0px;
	}
.noprint { display:none; }
.toprint { display:inline; }
.toprintheader { position:relative !important; top:0px !important; }
#report_box { margin-top:20px !important; }
}

@media only screen and (max-device-width: 1024px) {
	.sgpopupcontent {
		-webkit-overflow-scrolling: touch;
		overflow-y: scroll;
		overflow-x: hidden;
		height:560px;
		width:845px;
	}
	.sgpopupcontent iframe {
		width:100% !important;
		height:550px !important;	
	}
	div.pageNameWhite {
		position:absolute !important;
	}
	body > div[style*="position:fixed"] {
		position:absolute !important;
	}
	body > div[style*="position: fixed"] {
		position:absolute !important;
	}
}


/* css for timepicker */
.ui-datepicker{ z-index: 10 !important;}
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }
