@font-face {
    font-family: 'pt_sans-narrow';
    src: url('pt_sans-narrow-web-regular-webfont.eot');
    src: url('pt_sans-narrow-web-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('pt_sans-narrow-web-regular-webfont.woff') format('woff'),
         url('pt_sans-narrow-web-regular-webfont.ttf') format('truetype'),
         url('pt_sans-narrow-web-regular-webfont.svg#BenchNine') format('svg');
    font-weight: normal;

}
.title { font-family: 'BenchNine', sans-serif; font-size: 35px;text-align: center;font-style: normal;color: #bcc0c4;}
H1 { font-family: 'BenchNine', sans-serif; font-size: 44px;}
H3 { font-family: 'BenchNine', sans-serif;font-size: 20px;}
H2, H4 { font-family: 'BenchNine', sans-serif;font-size: 30px;}
body {
	font-family: 'BenchNine', Verdana,  Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
}

input {
	/*background:#CCCCCC;*/
	font-family: "BenchNine", Verdana,  Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#393939;
	text-decoration:none;
	border: 1px #999999 solid;
}
.fields
{
	font-size:18px;
	height1: 25px;
	padding: 2px 2px 2px 2px;
}
select {
	/*background:#CCCCCC;*/
	font-family: "BenchNine", Verdana,  Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#393939;
	text-decoration:none;
	border: 1px #999999 solid;
}
.header {
	font-family: "BenchNine", Verdana,  Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
	background-color:#cc4300;
}
td {
	font-family: "BenchNine", Verdana,  Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#7d8489;
	text-decoration:none;
}
.tdb {
	font-family: "BenchNine", Verdana,  Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#2B2B2B;
	text-decoration:none;
}
/*h2 {
	font-family: "BenchNine", Verdana,  Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#7d8489;
	text-decoration:none;
}
h3 {
	font-family: "BenchNine", Verdana,  Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#7d8489;
	text-decoration:none;
}*/
.cal
{
	background:#FFFFFF;
	font-family:verdana;
	font-size:10px;
	color:#999999;
	width:20px;
	height:20px;
	text-align:center;
}
.style1 {
	COLOR: #f68b01
}
.formlabel {
	font-size:22px;
}
/*tab content styles*/

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #999999;
color: #2d2b2b;
background: white url(shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;
top: 0px;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid #999999;
width: 100%;
height: 95%;
margin-bottom: 1em;
padding: 5px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block!important;
}
}
.style1 {
	COLOR: #ff0000
}

#calendar {
 padding: 0;
 margin: 0;
 border-left: 1px solid #A2ADBC;
 font: normal 12px/20px "BenchNine", "BenchNine", Verdana,  Arial, Helvetica, sans-serif;
 color: #616B76;
 text-align: center;
 background-color: #fff;
}
caption {
	margin: 0;
	padding: 0;
	width: 141px;
	background: #a64701;
	color: #fff;	 
	font: bold 14px "BenchNine", "BenchNine", Verdana,  Arial, Helvetica, sans-serif;
	text-align: center;
	height:30px;
}
.caltd {
 width: 25px;
 height: 25px;
 text-align: center;
 background: url(../images/bg_calendar.gif) no-repeat right bottom;
}
.caltd a:link, caltd a:visited {
 color: #608194;
 background: url(../images/bg_calendar.gif) no-repeat;
}

.caltd a:hover, caltd a:active {
 color: #6aa3ae;
 /*background: url(../images/bg_calendar.gif) no-repeat right top;*/
}
.today, .caltd.today a, .caltd.today a:link, .caltd.today a:visited {
	color: #F6F4DA;
	font-weight: bold;
	background: #DF9496;
}
.nav, .nav a {
	font-family: BenchNine, "BenchNine", Verdana,  Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;	
	text-align: center;
	text-decoration: none;
}	
.err {
	COLOR: #ff0000
}
.griditem {
	FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif;
	COLOR: #000000
}
.olink {
	FONT-SIZE: 10px; 
	font-family: "BenchNine", Verdana,  Arial, Helvetica, sans-serif;
	COLOR: #cc4300;
}
.sbutton {
	background:#13171c;
	font-family: "BenchNine", Verdana,  Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration:none;
	border: none;
	cursor: pointer;
}
.pageheader {
	FONT-SIZE: 36px;
	FONT-FAMILY: "BenchNine", Arial, sans-serif;
	color: #EEEEEE;
	padding: 20px;
	padding-left: 40px;
	vertical-align: center;
	margin-top: 5px;
	margin-bottom: 10px;
}
.showcasetext {
	font-family: "BenchNine", Verdana,  Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#AAAAAA;
	text-align1: left;
	padding-left: 20px;
	text-align: left;
	line-height: 25px;
	width1: 30%;
	min-width: 500px;
	max-width: 500px;
	float:left;
	margin-bottom1: -40px;
	margin-left: 10px;
	display1: none;
	vertical-align: bottom;
}
@media (max-width: 1600px)
{
	.showcasetext 
	{
	width: auto;
	min-width: auto;
	max-width: auto;
	}
}
.showcaselatest {
	padding-top: 60px;
	background-image: url(/images/latest.png);
	background-repeat: no-repeat;
	background-position: 8% 0;
}
.slideimage
{
	width:270px; 
	height:450px;
	margin-top1: 12px;
	margin-left: 8px;

	width1:335px; 
	height1:560px;
	margin-top1: 25px;
	margin-left1: 8px;
}
.fixed DIV
{
	padding: 40px 0 0 0;
}
.fixed {
    position: fixed;
    top:0;
    width: 100%; 
	text-align: center;
	BACKGROUND-IMAGE: url(/images/iloglogosm2.png);
	background-position: 18% 90%;
	background-repeat: no-repeat;
	height1: 160px;
	padding-bottom1: 160px;
	BACKGROUND-COLOR: #0f212f; 
	border-bottom: 1px solid #3b403b;
}
	@media (max-width: 1400px)
	{
		.fixed {
			position: fixed;
			top:0;
			width: 100%; 
			text-align: center;
			BACKGROUND-IMAGE: none;
			background-position1: 30% 90%;
			background-repeat1: no-repeat;
			height1: 160px;
			padding-bottom1: 160px;
			BACKGROUND-COLOR1: #151b1e; 
		}
		.fixed DIV
		{
			padding: 0 0 0 0;
		}
	}
#sctextdetails
{
	padding-bottom: 20px;
	border-bottom1: 1px solid #999999;
}
.appicon
{
	float1: right;
	text-align: center;
	width: 250px;
	margin-bottom: 20px;
}