@charset "utf-8";

/* Fonts */
@font-face
{
	font-family: idfi;
	src: url('../../../../public/font/bpg_arial.ttf'),
	url('../../../../public/font/bpg_arial.ttf'); /* IE9 */
}
@font-face
{
	font-family: idfiOne;
	src: url('../../../../public/font/bpg_ingiri_arial_0.ttf'),
	url('../../../../public/font/bpg_ingiri_arial_0.ttf'); /* IE9 */
}
@font-face
{
	font-family: idfiTwo;
	src: url('../../../../public/font/bpg_banner_extrasquare_caps.ttf'),
	url('../../../../public/font/bpg_banner_extrasquare_caps.ttf');
}

@font-face
{
	font-family: idfiTwo;
	src: url('../../../../public/font/bpg_banner_extrasquare_caps.ttf'),
	url('../../../../public/font/bpg_banner_extrasquare_caps.ttf');
}

@font-face {
	font-family: 'BPG WEB 002 Caps';
	src: url('../../../../public/font/bpg_web_002_caps_webfont/bpg-web-002-caps-webfont.eot'); /* IE9 Compat Modes */
	src: url('../../../../public/font/bpg_web_002_caps_webfont/bpg-web-002-caps-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../../../../public/font/bpg_web_002_caps_webfont/bpg-web-002-caps-webfont.woff2') format('woff2'), /* Super Modern Browsers */
	url('../../../../public/font/bpg_web_002_caps_webfont/bpg-web-002-caps-webfont.woff') format('woff'), /* Pretty Modern Browsers */
	url('../../../../public/font/bpg_web_002_caps_webfont/bpg-web-002-caps-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../../../../public/font/bpg_web_002_caps_webfont/bpg-web-002-caps-webfont.svg#bpg_web_002_capsregular') format('svg'); /* Legacy iOS */
}

@font-face {
	font-family: 'DejaVu Sans';
	src: url('../../../../public/font/dejavu_sans/dejavu-sans-webfont.eot'); /* IE9 Compat Modes */
	src: url('../../../../public/font/dejavu_sans/dejavu-sans-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../../../../public/font/dejavu_sans/dejavu-sans-webfont.woff2') format('woff2'), /* Super Modern Browsers */
	url('../../../../public/font/dejavu_sans/dejavu-sans-webfont.woff') format('woff'), /* Pretty Modern Browsers */
	url('../../../../public/font/dejavu_sans/dejavu-sans-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../../../../public/font/dejavu_sans/dejavu-sans-webfont.svg#dejavu_sansregular') format('svg'); /* Legacy iOS */
}

@font-face {
	font-family: 'DejaVu Sans Condensed';
	src: url('../../../../public/font/dejavu_sans_condensed/dejavu-sans-condensed-webfont.eot'); /* IE9 Compat Modes */
	src: url('../../../../public/font/dejavu_sans_condensed/dejavu-sans-condensed-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../../../../public/font/dejavu_sans_condensed/dejavu-sans-condensed-webfont.woff2') format('woff2'), /* Super Modern Browsers */
	url('../../../../public/font/dejavu_sans_condensed/dejavu-sans-condensed-webfont.woff') format('woff'), /* Pretty Modern Browsers */
	url('../../../../public/font/dejavu_sans_condensed/dejavu-sans-condensed-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../../../../public/font/dejavu_sans_condensed/dejavu-sans-condensed-webfont.svg#dejavu_sansregular') format('svg'); /* Legacy iOS */
}

@font-face {
	font-family: 'DejaVu Sans Condensed bold';
	src: url('../../../../public/font/dejavu_sans_condensed_bold/dejavu-sans-condensed-bold-webfont.eot'); /* IE9 Compat Modes */
	src: url('../../../../public/font/dejavu_sans_condensed_bold/dejavu-sans-condensed-bold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../../../../public/font/dejavu_sans_condensed_bold/dejavu-sans-condensed-bold-webfont.woff2') format('woff2'), /* Super Modern Browsers */
	url('../../../../public/font/dejavu_sans_condensed_bold/dejavu-sans-condensed-bold-webfont.woff') format('woff'), /* Pretty Modern Browsers */
	url('../../../../public/font/dejavu_sans_condensed_bold/dejavu-sans-condensed-bold-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../../../../public/font/dejavu_sans_condensed_bold/dejavu-sans-condensed-bold-webfont.svg#dejavu_sansregular') format('svg'); /* Legacy iOS */
}

@font-face {
	font-family: BPG Glaho;
	src: url(../fonts/bpg_glaho.eot);
}

/* fonts end */




body, td, p, span, li, input, select, textarea, small, a, ul  {
	font-family : "DejaVu Sans Condensed", "Roboto", "BPG Glaho", "BPG Glaho 2008", "Sylfaen", Verdana, Geneva, sans-serif;
	font-size : 16px;
	/*color : #333;*/
}

/*body, td, p, span, li, input, select, textarea, small  {*/
/*font-family :  "Roboto", "BPG Glaho", "BPG Glaho 2008", "Sylfaen", Verdana, Geneva, sans-serif;*/
/*font-size : 13px;*/
/*!*color : #333;*!*/
/*}*/


input{
	font-size:12px;
	font-family:Sylfaen, Verdana, Geneva, sans-serif;
	color:#393939;
}

a:link{
	color:#585858;
	font-size:12px;
}
a:visited{
	color:#585858;
	font-size:12px;
}
a:active{
	color:#585858;
	font-size:12px;
}
a:hover{
	color:#1EA5FF;
	font-size:12px;
}


A.nav:link{
	color:#E3E3E3;
	text-decoration:none;
	padding:8px;
	display: block;
	font-size:16px;
}
A.nav:visited{
	color:#E3E3E3;
	text-decoration:none;
	padding:8px;
	display: block;
	font-size:16px;
}
A.nav:active{
	color:#E3E3E3;
	text-decoration:none;
	padding:8px;
	display: block;
	font-size:16px;
}
A.nav:hover{
	color:#fff;
	text-decoration:none;
	background:#B2B2B2;
	padding:8px;
	display: block;
	font-size:16px;
}







a.link1:link{
	color:#585858;
	font-size:12px;
}
a.link1:visited{
	color:#585858;
	font-size:12px;
}
a.link1:active{
	color:#585858;
	font-size:12px;
}
a.link1:hover{
	color:#1EA5FF;
	font-size:12px;
}



a.link2:link{
	color:#215D9D;
	font-size:16px;
}
a.link2:visited{
	color:#215D9D;
	font-size:12px;
}
a.link2:active{
	color:#215D9D;
	font-size:16px;
}
a.link2:hover{
	color:#585858;
	font-size:16px;
}









A.pages:link{
	color:#ccc;
	text-decoration:none;
	font-size:11px;
	border:1px solid #2E2E2E;
	padding:2px;
	margin:2px;
}
A.pages:visited{
	color:#ccc;
	text-decoration:none;
	font-size:11px;
	border:1px solid #2E2E2E;
	padding:2px;
	margin:2px;
}
A.pages:active{
	color:#FBF566;
	font-size:11px;
	border:1px solid #2E2E2E;
	padding:2px;
	margin:2px;
}
A.pages:hover{
	color:#FFF508;
	font-size:11px;
	border:1px solid #ff0;
	padding:2px;
	margin:2px;
}


.img_border{
 padding:5px;
 border: 1px solid #CCCCCC;
 align:center;
}

.img_border[class]{
 border: 1px solid #CCCCCC;
}





.opacityLow{
	opacity: .6;
}


.checkbox, .radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(checkbox.gif) no-repeat;
	display: block;
	clear: left;
	float: left;
}
.radio {
	background: url(radio.gif) no-repeat;
}
.select {
	position: absolute;
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background: url(select.gif) no-repeat;
}


.myInput{
	background:#fff url(../images/input_bg.gif) repeat-x;
	background-repeat:repeat-x;
	border:1px solid #ccc;
	font-size:16px;
	padding:2px 0 0 5px;
	font-family:Sylfaen, Verdana, Geneva, sans-serif;
	border-radius: 5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

.input_need_fill{
	background:#fff url(../images/input_bg.gif) repeat-x;
	background-repeat:repeat-x;
	border:1px solid #ccc;
	font-size:16px;
	padding:2px 0 0 5px;
	font-family:Sylfaen, Verdana, Geneva, sans-serif;
}


.textShadow{
	text-shadow:#939393 0px 0px 3px;
}


/* START OF FADE IN MENU STYLES */

#navMenu {
	margin: 3px auto auto auto;
	padding:0;
	list-style:none;	
	font-family:arial;
	text-align:center;
	line-height:60px;
	float: right;
}

#navMenu li {
	float:left;	
	background:#414141;	/* default background image	*/
	/*width:167px;							!* width and height of the menu item *!*/
	width:148px;							/* width and height of the menu item */
	height:70px;
	/*
	border-left:1px solid #111;	
	border-right:1px solid #333;
	border-top:1px solid #555;
	border-bottom:1px solid #333;
	*/
	position:relative;			/* must set it as relative, because .hover class top and left with absolute position will be positioned according to li.	*/
}

#navMenu li a {
	z-index:20;		/* z-index must be higher than .hover class */
	display:block;	/* display as block and set the height according to the height of the menu to make the whole LI clickable	*/
	height:70px;
	position:relative;
	color:#E8E8E8;
}

#navMenu li .hover {
	background:#5D5D5D url(../images/forMenu/menuArrow.png) top center no-repeat;		/* mouseover image	*/
	color:#fff;
	position:absolute;	/* must be postion absolute 	*/
	/*width:167px;	!*	width, height, left and top to fill the whole LI item	*!*/
	width:154px;	/*	width, height, left and top to fill the whole LI item	*/
	height:70px;
	left:0; 
	top:0;	
	z-index:1;		/* display under the Anchor tag	*/
	display:none;	/* hide it by default	*/
}	

#navMenu li.selected {
	background:#5D5D5D url(../images/forMenu/menuArrow.png) top center no-repeat;		/* mouseover image	*/
}
/* END OF FADE IN MENU STYLES */


.roundedCorner{
	border-radius: 5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}


/* START OF ON MOUSE HOVER EFFECT */

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid #ccc;
padding: 5px;
background:#fff;
visibility: hidden;
z-index: 100;
	box-shadow: #767676 0 0px 5px;
	-moz-box-shadow: #767676 0 0px 5px;
	-webkit-box-shadow: #767676 0 0px 5px;
	border-radius: 5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}
/* END OF ON MOUSE HOVER EFFECT */