﻿@import "vtip.css";
@import "prettyPhoto.css";
@import "jquery.ad-gallery.css";

@font-face {
    font-family: 'TeXGyreAdventorRegular';
    src: url('texgyreadventor-regular-webfont.eot');
    src: url('texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('texgyreadventor-regular-webfont.woff') format('woff'),
         url('texgyreadventor-regular-webfont.ttf') format('truetype'),
         url('texgyreadventor-regular-webfont.svg#TeXGyreAdventorRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyreAdventorItalic';
    src: url('texgyreadventor-italic-webfont.eot');
    src: url('texgyreadventor-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('texgyreadventor-italic-webfont.woff') format('woff'),
         url('texgyreadventor-italic-webfont.ttf') format('truetype'),
         url('texgyreadventor-italic-webfont.svg#TeXGyreAdventorItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyreAdventorBold';
    src: url('texgyreadventor-bold-webfont.eot');
    src: url('texgyreadventor-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('texgyreadventor-bold-webfont.woff') format('woff'),
         url('texgyreadventor-bold-webfont.ttf') format('truetype'),
         url('texgyreadventor-bold-webfont.svg#TeXGyreAdventorBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyreAdventorBoldItalic';
    src: url('texgyreadventor-bolditalic-webfont.eot');
    src: url('texgyreadventor-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('texgyreadventor-bolditalic-webfont.woff') format('woff'),
         url('texgyreadventor-bolditalic-webfont.ttf') format('truetype'),
         url('texgyreadventor-bolditalic-webfont.svg#TeXGyreAdventorBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/common/bg.jpg) no-repeat top center #000;
	
}
#wrapper {
	width:980px;
	margin:0 auto;
	color:#333;
}

#topNav { background:url(../images/common/img_topbrownBar.png) no-repeat center top; padding:0 0 0 30px; }
	#shareMark { float:right; padding:20px 20px 0 0; }
	
a.leftnav { display:block; width:175px; margin-left:10px; padding:7px 10px; background-color:#0072AD; color:#fff; text-decoration:none; font-size:11px; font-weight:bold; margin-top:1px }
a.leftnav:hover { background-color:#1a4a76; color:#FFF; text-decoration:none;
}
a.leftnavOn { display:block; position:relative; width:208px; padding-left:20px; height:38px; line-height:38px; background:url(../images/common/bg-leftnav-on.png) no-repeat; color:#fff !important; text-decoration:none !important; font-size:11px; font-weight:bold;  }
.leftnavOn img { display:block; position:absolute; top:0; left:-8px }

a.leftnav2On { display:block; position:relative; width:208px; padding:10px 0 10px 20px; height:34px; background:url(../images/common/bg-leftnav2-on.png) no-repeat; color:#fff !important; text-decoration:none !important; font-size:11px; font-weight:bold;  }
.leftnav2On img { display:block; position:absolute; top:0; left:-8px }


.leftSubs { margin:0 0 10px; padding:0; list-style:none }
.leftSubs li a {
	display:block;
	font-size:11px;
	margin:0 20px;
	padding:5px 0;
	color:#00AEF0;
	border-bottom:1px solid #242424;
	text-decoration: none;
}
.leftSubs li a:hover {
	color:#FFFFFF;
	text-decoration: none;
}
.leftSubsOn {
	color:#FFF !important;
}

.mainCol { width:490px; float:left; margin-left:10px }
.mainContent { width:450px; min-height: 480px; padding:0 20px; background:url(../images/common/bg-490.png) repeat-y; font-size:12px; line-height:20px;}
.mainColbig { float: left; margin-left: 10px; width: 715px; }
.mainColcontentbig { background: url("../images/common/bg-715.png") repeat-y scroll 0 0 rgba(0, 0, 0, 0); float: left; line-height: 20px; width: 715px; }
.mainContent, .mainContent td, .mainColcontentbig, .mainColcontentbig td { font-size: 12px; }
.mainContent p, .mainColcontentbig p { margin: 0 0 14px; }
.mainContent h1, .mainColcontentbig h1 { line-height: 24px; margin: 0; padding-bottom: 20px; }
.mainContent h2, .mainColcontentbig h2 { margin: 30px 0 10px; }
.mainContent h3, .mainColcontentbig h3 { letter-spacing: 0.08em; margin: 14px 0 5px; }
.mainContent h5, .mainColcontentbig h5 { font-size: 12px; margin-bottom: 0; }
.mainContent ul, .mainContent ol, .mainColcontentbig ul, .mainColbig ol { margin-top: 0; padding: 0 15px; }
.boxContent { width:175px; padding:0 20px; background:url(../images/common/bg-228.png) repeat-y; font-size:11px; color:#fff }
.boxContent.announcement { background:url(../images/common/bg-announement_thumb_body.png) repeat-y !important;color:#000 !important  }
.boxContent h3 { font-size:18px; margin-top:0px; color:#FFF; }
.mainContent a, .mainColcontentbig a { color:#0072AD }
.txtHighlight { background: none repeat scroll 0 0 #F7EEE0; border: 1px solid #BCA786; display: block; padding: 8px 12px; color: #f00; }



#breadcrumb { color: #FFF; font-size: 10px; }
	#breadcrumb a { color: #a2a2a2; text-decoration: none; }
	#breadcrumb a:hover { text-decoration: underline; }

	
/* FACEBOOK LIKE BOX 
#likebox-frame { width:270px; z-index:10; height: 587px; overflow: hidden; position:relative; top:-1px; left:-2px; }
#likebox-frame iframe{ left:-5px; overflow:hidden; position:relative; top:-1px; }
*/

#cols { float:left; width:305px }
	#colsContent { background:url(../images/common/curve-pattern-310.png) repeat-y; color:#333; font-size:11px; padding:0 20px; }
	#colsContent h1 { font-size:32px; }
	table.colsContent { height:385px }
	table.colsContent h1 { color: #00AEF0; }
	.pressRoom h2 { margin:0 0 5px 0; color:#999 }
	.pressRoom a { color:#FFF; font-weight:normal }
	.pressRoom a:hover { text-decoration:none; font-weight:normal }

#newsFlash { width:940px; margin:10px auto; clear:both }
	#newsFlashContent { background:url(../images/common/curve-pattern-940.png) repeat-y; color:#666; font-size:12px; padding:0 20px; }
	#newsFlashContent a { color:#333; text-decoration:none }

#newsFlash2 { width:940px; margin:0px auto 10px auto; clear:both }
	#newsFlashContent { background:url(../images/common/curve-pattern-940.png) repeat-y; color:#666; font-size:12px; padding:0 20px; }
	#newsFlashContent a { color:#333; text-decoration:none }

		
#highlights {
	width:940px;
	height:340px;
	margin:0 auto 10px;
	clear:both;
	background:url(../images/common/bg-home-2col.png) repeat-y;
	color:#FFF;
	font-size:11px;
	padding:10px 0;
}
	#highlights .group1, #highlights .group2 { float:left; margin:0 14px }
	#highlights .group3 { float:right; margin:0 10px }
	#highlights h1 { margin:15px 0 4px 0; color:#00AEF0 }
	#highlights h2 { font-size:19px; margin:0 0 5px 0; }
	
#pageBanners { width:920px; height:120px; margin:0 auto 10px; clear:both; background:url(../images/common/bg-pagebanner.png) repeat-y; color:#444; font-size:11px; padding:10px; }

#coda-slider-1 { width:175px; overflow:hidden }
#coda-slider-1 .panel { width:175px; height:400px; float:left; }
#coda-nav-left-1 { position:absolute; z-index:50; top:90px; left:5px }
#coda-nav-right-1 { position:absolute; z-index:50; top:90px; right:5px }

#coda-slider-2 { width:424px; height:174px; overflow:hidden; margin:10px 0 }
#coda-slider-2 .panel { width:424px; height:174px; float:left; }
#coda-nav-2 ul { margin:0; padding:0; list-style:none }
#coda-nav-2 li { display:block; float:left; margin-right:5px }


#whatsupBox { float:left; margin-right:28px; width:180px; height:320px }
#whatsupBox2 { float:left; margin-right:28px; width:388px; }
	#whatsupBox img, #whatsupBox2 img { border:5px solid #fff }



/* random content */
.jsclass body .randomcontent { display: none; }


/* Images */
img { border:0 none; }
.imgrotate { float:left; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; float:right }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; float:left }

.pTagright { padding: 4px; margin: 0 0 2px 7px; float:right; background:url(../images/common/bg-phototags.png) no-repeat bottom; color:#fff; font-size:10px; text-align:center; }
.pTagright2 { padding: 4px; margin: 0 0 2px 7px; float:right; background:url(../images/common/bg-phototags-grey.png) no-repeat bottom; color:#333; font-size:11px; text-align:center; }
.pTagright span, .pTagright2 span { line-height:18px }
.pTagright img, .pTagright2 img { display:block; padding-bottom: 4px; }

/* News Scroller */
#newsScroll { color:#FFF; }
	#newsScroll div { height:260px; margin:10px 0; overflow:hidden; position:relative }
	#newsScroll ul { margin:0; padding:0; }
	#newsScroll li { display:block; height:70px; list-style:none; width:270px }
	
	.jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 10px; }
	
	.scroller img { padding: 0 10px 10px 0 }
	


/* images */
.alignImgLeft { float:left; padding:0 10px 10px 0 }


/* typography */
h1 { font: 24px/18px 'TeXGyreAdventorBold', Arial, sans-serif; color:#0072AD; margin:10px 0; }
h2 { font: 18px/22px 'TeXGyreAdventorBold', Arial, sans-serif; }
h3 { font: 14px 'TeXGyreAdventorBold', Arial, sans-serif; color:#000; }
h4 { font-size:28px; color:#FFF; margin:10px 0 }
h5 { font-size:14px; color:#00aef0; margin:10px 0; }

a { color:#00AEF0; text-decoration:none }
a:hover { color:#00AEF0; text-decoration:underline }

.smalltext { font-size:11px; }
.iterinaryNo { display:block; width:24px; height:24px; line-height:24px; text-align:center; color:#fff; font-size:12px; font-weight:bold; background:url(../images/visitorsinfo/bg-iterinaryNo.png) no-repeat }
.diduknow { background:#666666; color:#fff }
.diduknow h3 { color: #00AEF0; margin-top:0 }

.boxNav1 { color:#fff; font-size:14px; font-family:'TeXGyreAdventorBold', Arial, sans-serif; text-transform:uppercase; text-decoration:none; display:block; width:175px; margin: 0px; }
.boxNav1:hover { text-decoration:none; background-position:bottom; color:#fff }

.boxNav2 { color:#fff; font-size:14px; font-family:'TeXGyreAdventorBold', Arial, sans-serif; text-transform:uppercase; text-decoration:none; display:block; background:url(../images/common/bg-boxtabs-1.png) no-repeat top; width:165px; height:25px; line-height:22px; padding-left:10px; margin-bottom:2px }
.boxNav2:hover { text-decoration:none; background-position:bottom; color:#fff }

dl { clear:both; margin:5px 0 }
dd { margin-left:20px }
dt { display:block; float:left } 

.smallerHeading { font-size:24px; }
.txtBlue { color:#004b84 }
.txtRed { color:#ed1b24 }
.txtWhite { color:#FFF }
.txtGreen { color:#8cffd9 }
.txtNote { color:yellow }


/* others */
.floatLeft { float:left }
.floatRight { float:right }
.clearFloat { clear:both }
.clearMargin { margin:0 !important }
.dottedlines { border-bottom:dashed 1px #FFF; padding-bottom:10px }
.hr { margin:10px 0; height:1px; border: none 0; background-color:#999; clear:both }
hr { margin:20px 0; height:1px; border: none 0; background-color:#999 }
.borderBottom td { border-bottom: 1px solid #CCC }
.spaceTop { margin-top: 14px !important; }

.btn { display:inline-block; background:url(../images/common/bg-button-2.png) right top no-repeat; padding-right:15px; color:#fff !important }
.btn span { display:inline-block; background:url(../images/common/bg-button-1.png) no-repeat; padding-left:15px; height:24px; line-height:24px; font-size:12px; font-weight:bold; text-transform:uppercase; }
.btn:hover { color:#fff; text-decoration:none; background-position:bottom right }
.btn:hover span { color:#fff; text-decoration:none; background-position:bottom left }
.subscribeBtn { display:inline-block; background:url(../images/common/bg-button-1.png) no-repeat top center; padding:0 15px; height:24px; line-height:24px; font: bold 12px Arial, sans-serif; text-transform:uppercase; border:none; color:#fff; -moz-border-radius: 5px;
-webkit-border-radius: 5px; border-radius: 5px; cursor:pointer }
.subscribeBtn:hover { background-position:bottom }


.gallery img { margin:0 6px 6px 0 }
#toScroll { height:440px; overflow:auto; padding-right:20px; margin-bottom:30px }
#langSelect { width:120px; float:right; height:23px; text-align:center; background:url(../images/common/capsule.png) no-repeat; padding-top:7px; margin: 30px 10px 0 0; }


/* STYLIZE <SELECT> */
#form { margin:0; padding:0; }
select.select{ position:relative; z-index:10 !important; width:155px !important; height:26px !important; line-height:26px; font-size:11px; background-color:#cdcdcd; color:#666; }
/* dynamically created SPAN, placed below the SELECT */
span.select{ position:absolute; bottom:0; float:left; left:0; width:155px; height:26px; line-height:26px; text-indent:10px; background:url(../images/common/bg-select.png) no-repeat right; cursor:default; z-index:1 !important; color:#666; }



/* UI */
.ui-state-default { background:#ada523 url(../images/common/icon-collapse.gif) no-repeat top right; padding:5px 10px; color:#666; margin:2px 0 }
.ui-state-default a { color:#fff; } 
.ui-state-active { background:#918814 url(../images/common/icon-expand.gif) no-repeat top right; padding:5px 10px; color:#fff; margin:2px 0 }
.ui-state-active a { color:#fff; }
.ui-state-default, .ui-state-active { outline: none; }
.ui-accordion-header { margin:2px 0 !important }
.ui-accordion-content { padding:10px 0; }
.ui-state-default a:hover, .ui-state-active a:hover { text-decoration:none }


/* tiny dropdown */
ul.menu {list-style:none; margin:0 auto; padding:0; width:940px}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#fff; text-decoration:none}
ul.menu li {position:relative; float:left; font-size:11px; font-weight:bold }
ul.menu ul {position:absolute; top:46px; left:0; background:#1a4a76; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border-top:none; margin:0; padding:5px }
ul.menu ul li a {display:block; padding:7px 10px; width:240px; background-color:#1a4a76}
ul.menu ul li a:hover {background-color:#2e79b1}
ul.menu ul ul {left:270px; top:-1px}

ul.menu .sub {background:#1a4a76 url(../images/common/icon-arrow.gif) 245px 8px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}

#go_button_mini { clear:both !important }

#btnShowQueuePopUp a { font-weight:bold }