@charset "utf-8";
/* CSS Document

===== Color Code ==============
#0082D6 Blue
#66CCFF Blue rollover
#CC7B00 Brown
#FFE57F Yellow
=============================

===== Table of Content ==============
1.0 Reset CSS
	1.1 General Style
2.0 Structure
3.0 Masthead
	3.1 Search Function
4.0 Menu Level One
	4.1 QuickLinks
5.0 Banners Style
6.0 Links
	6.1 Links Level One
	6.2 Links Level Two
	6.3 Links Highlighted Link
7.0 All Buttons
	7.1 Button with icon
8.0 Module
	8.1 Vote Bar
9.0 Footer
============================= */

/* 1.0 Reset CSS ================== */
body {font-family:Arial, Helvetica, sans-serif; font-size:62.5%;}
* {margin:0; padding:0}
ul {list-style:none;}
ol {list-style-type:decimal;}
img {border:0;}

/* 1.1 General Style */
h1 span, h2 span {display:none;} /* For logo */
.clearFloat {clear:both; font-size:0.1em; text-indent:-2000em;}
.fontMyriad {font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; color:#FFF;}
.highlighted {color:#CC7B00 !important;}
.firstMenu {border:0 !important; padding:0 !important; margin:0 !important;}

/* 2.0 Structure ================== */
#container {width:960px; margin:10px auto; position:relative;}
#content {}
#colMain {float:left; width:612px;}
#colSub {float:right;}

/* 3.0 Masthead ================== */
#masthead {height:180px;}
#masthead h1, #masthead h2 {float:left; margin:10px 0 20px 5px;}
#sistic {width:145px; height:60px; background:url(/portal/images/sistic/sisticLogo.jpg) top left no-repeat;}
#aygLogo {width:241px; height:60px; background:url(/portal/images/sistic/aygLogo.jpg) top left no-repeat;}

/* 3.1 Search Function */
#userOption {position:absolute; top:85px; left:2px; z-index:10;}
#userOption input {border:1px solid #999; font-size:1.1em; color:#333; padding-top:2px; float:left; width:120px; height:16px;} 
#userOption td {padding-left:3px;}
#userOption td td {padding:0;}
.keyword {position:relative;}
.keyword img {margin-right:3px; margin-left:-1px; border:1px solid #999; padding-bottom:1px}
#categorySelect {margin-right:5px;}
#userOption select {border:1px solid #999; font-size:1.1em; color:#333; float:left; margin-right:2px; width:96px; height:20px;}
.inputField {float:left;}
.calendar {position:absolute; top:110px; left:5px;}

/* 3.2 Cart */
.myCart {background:url(/portal/images/sistic/trolley.jpg) top left no-repeat; padding-left:25px; padding-top:2px; margin-left:10px; height:23px; float:left;}
.tickets {color:#CC7B00; margin-left:5px;}
.tickets a:link, .tickets a:visited {text-decoration:none;}
.tickets a:hover {color:#999999;}

/* 4.0 Menu Level One ================== */
#menuLevelOne {height:35px;}
#menuLevelOne li {float:left; text-indent:-2000px;}
#menuLevelOne li a {display:block; background-image:url(/portal/images/sistic/mainMenu.jpg); height:32px;}
#menuLevelOne li span {display:none;}
.menuLevelOne1 a{width:100px; background-position:0 0;}
.menuLevelOne2 a{width:195px; background-position:-101px 0;}
.menuLevelOne3 a{width:169px; background-position:-296px 0;}
.menuLevelOne4 a{width:166px; background-position:-466px 0;}
.menuLevelOne5 a{width:121px; background-position:-632px 0;}
.menuLevelOne6 a{width:114px; background-position:-753px 0;}
.menuLevelOne7 a{width:95px; background-position:-865px 0;}
.menuLevelOne1 a:hover{width:100px; background-position:0 -32px;}
.menuLevelOne2 a:hover{width:195px; background-position:-101px -32px;}
.menuLevelOne3 a:hover{width:169px; background-position:-296px -32px;}
.menuLevelOne4 a:hover{width:166px; background-position:-466px -32px;}
.menuLevelOne5 a:hover{width:121px; background-position:-632px -32px;}
.menuLevelOne6 a:hover{width:114px; background-position:-753px -32px;}
.menuLevelOne7 a:hover{width:95px; background-position:-865px -32px;}

/* 4.1 QuickLinks */
#quicklinks {font-size:1.1em; color:#000; position:absolute; top:96px; right:5px;}
#quicklinks li {display:inline; border-left:1px solid #0082D6; padding-left:10px; margin-left:10px;}
#quicklinks .menuFirst {border:none;}
#quicklinks a:link, #quicklinks a:visited {text-decoration:none; color:#0082D6;}
#quicklinks a:hover {color:#66CCFF;}

/* 5.0 Banners Style ===================*/
#mainDiv {width:606px; margin-top:-3px;}
#mainTd img {margin-right:3px; margin-top:3px;}
#bannerContainerTop {position:absolute; top:0; right:10px;}
#bannerContainerLevelOne {margin:0 3px;}
#bannerContainerLevelOne img {width:200px;}
#bannerContainerSide {
	width:110px;
	float:right;
	margin-right:0px;
}
#bannerContainerSide img {
	margin-bottom:5px;
}
#bannerContainerFlash {float:right; border:1px solid #CCC; margin-right:3px; margin-bottom:8px;}
.bannerLevelThree {margin-top:10px;}
#bannerLevelFourContainer {clear:both;}
#bannerLevelFourContainer img {border:1px solid #666; margin-left:9px;}
.promo_desc {margin-top:-8px;}

/* 6.0 Links ================ */
/* 6.1 Links Level One */
.linkRowOne {position:absolute;}
.linkRowTwo {position:relative; left:300px;}
.linkLevelOne {width:280px;}
.linkLevelOne a:link, .linkLevelOne a:visited {text-decoration:none; color:#0082D6; padding:8px; margin-right:10px; display:block;}
.linkLevelOne a:hover {color:#66CCFF;}
.linkLevelOne img {float:left; margin-right:10px;}
a:link .linkLevelOneTitle, a:visited .linkLevelOneTitle {color:#666; font-weight:bold; padding-bottom:5px;}
a:hover .linkLevelOneTitle {color:#999;}

/* 6.2 Links Level Two */
.linkLevelTwo {margin:5px 0 10px 0;}
.linkLevelTwo img {margin:5px 0 10px;}
a:link.linkLevelTwo, a:visited.linkLevelTwo, .linkLevelTwo {text-decoration:none; display:block; color:#666;}
a:hover.linkLevelTwo {color:#999;}
a:link .linkLevelTwoTitle, a:visited .linkLevelTwoTitle, .linkLevelTwoTitle {font-weight:bold; color:#333;}
a:hover .linkLevelTwoTitle {color:#666;}

/* 6.3 Links Highlighted Link */
.highlightedLink .linkLevelOne {background:#FFE57F; margin-right:10px; margin-bottom:10px; width:280px; padding:5px;}
.highlightedLink .linkLevelOne a:link, .highlightedLink .linkLevelOne a:visited {margin:0; padding:0;}
.highlightedLink a:link .linkLevelOneTitle, .highlightedLink a:visited .linkLevelOneTitle {color:#0082D6;}
.highlightedLink a:hover .linkLevelOneTitle {color:#66CCFF;}
.highlightedLink a .eventsDate {color:#000;}
.highlightedLink a:hover .eventsDate {color:#333;}

/* Revised Link Row for New Events Tab */
.linkRow600px {width:600px; height:680px; font-size:11px; color:#000;}
.linkRow600px ul {float:left;}
.linkRowFloating {width:280px; padding:5px; margin:0 10px 3px 0;}
.linkRowYellow {background-color:#ffe57f; height:70px;}

.linkRowYellow img {float:left;	margin-right:10px;}

.linkRowYellow a:link, .linkRowYellow a:visited {text-decoration:none; color:#0082d6; font-weight:bold;}
.linkRowYellow a:hover {text-decoration:none; color:#66ccff;}
.eventdate1 {
	color:#000;
	display:list-item;
	list-style:disc inside;
}
.linkRowWhite {
	background-color:#fff;
}
/*
.linkRowWhite a:link, .linkLevelOne a:visited {
	text-decoration:none;
	color:#666;
	font-weight:bold;
}*/
.linkRowWhite a:hover {
	text-decoration:none;
	color:#999;
	/*font-weight:bold;*/
}
.eventdate2 {
	color:#0082d6;
	display:list-item;
	list-style:disc inside;
}

/* 7.0 All Buttons ================= */
.buttonBar {background:url(/portal/images/sistic/greyBar.jpg) top left repeat-x; height:35px; margin:-2px -4px; font-size:13px;}
.buttonBar a:hover {text-decoration:none;}
.arrowLeft {background:url(/portal/images/sistic/arrowLeft.jpg) top left no-repeat; height:35px; padding-left:80px; padding-top:4px; display:inline-block; float:left;}
a:hover.arrowLeft{background:url(/portal/images/sistic/arrowLeft1.jpg) top left no-repeat; height:35px; padding-left:80px; padding-top:4px; display:inline-block; float:left;}
.arrowLeftNil {background:url(/portal/images/sistic/arrowLeftNil.jpg) top left no-repeat; height:35px; padding-left:80px; padding-top:4px; display:inline-block; float:left;}
.arrowRight {background:url(/portal/images/sistic/arrowRight.jpg) top right no-repeat; height:35px; padding-right:80px; padding-top:4px; display:inline-block; float:right;}
a:hover.arrowRight {background:url(/portal/images/sistic/arrowRight1.jpg) top right no-repeat; height:35px; padding-right:80px; padding-top:4px; display:inline-block; float:right;}
.arrowRightNil {background:url(/portal/images/sistic/arrowRightNil.jpg) top right no-repeat; height:35px; padding-right:80px; padding-top:4px; display:inline-block; float:right;}
.buttonBar a:link, .buttonBar a:visited {color:#333; font-size:12px; text-decoration:none; text-transform:uppercase;}

/* 7.1 Button with icon */
.btnEnterContainer {position:relative; height:25px;}
#overseasEvents .btnEnterContainer {top:-10px;}
.btnEnter {background:url(/portal/images/sistic/btnEnterBg.jpg) top left repeat-x; display:inline-block; position:absolute; right:10px;}
.btnEnterLeft {background:url(/portal/images/sistic/btnEnterLeft.jpg) top left no-repeat; display:inline-block; padding-left:10px;}
.btnEnterIcon {background:url(/portal/images/sistic/btnEnterIcon.jpg) top right no-repeat; display:inline-block; padding-right:30px; height:22px; padding-top:2px;}
a:link.btnEnter, a:visited.btnEnter {font-size:11px; text-decoration:none; color:#333;}
a:hover.btnEnter {background-image:url(/portal/images/sistic/btnEnterBgOver.jpg); color:#999;}
a:hover .btnEnterLeft {background-image:url(/portal/images/sistic/btnEnterLeftOver.jpg)}
a:hover .btnEnterIcon {background-image:url(/portal/images/sistic/btnEnterIconOver.jpg)}

/* 8.0 Module ================== */
#moduleContainer {width:225px; float:right; margin:-11px 8px 0 0;}
/*.module {font-size:1.1em;} --ltt: sharon request to follow existing website*/
.module {font-size:11px;} 
#moduleContainer .module {padding:0 10px;}
.eventsDate {display:list-item; list-style:disc inside;}
.moduleTitleLeft {background:url(/portal/images/sistic/moduleTitleLeft.jpg) top left no-repeat; padding-left:5px; margin:10px -8px 0 -8px;}
.moduleTitleRight {background:url(/portal/images/sistic/moduleTitleRight.jpg) top right no-repeat; padding-right:5px;}
.moduleTitle {background:url(/portal/images/sistic/moduleTitleBg.jpg) top left repeat-x; font-size:13px; font-weight:bold; height:25px; padding:4px 0 0 5px;}

/* 8.1 Vote Bar */
.voteBar {height:15px; background-color:#ffe57f; float:left;}
.voteText {position:relative; left:3px; top:0; margin-right:-30px; width:30px; float:left;}
.voteBarContainer {width:150px; clear:left; margin-bottom:5px; height:20px;}

/* 9.0 Footer ================== */
#footer {clear:both; padding-top:20px;}
.footerQuicklink {clear:both; text-align:center;}
.footerQuicklink div {display:table; margin:3px auto;}
.footerQuicklink ul {display:table-row;}
.footerQuicklink li {display:inline; padding-left:10px; margin-left:10px; border-left:1px solid #0082D6}
.footerQuicklink .menuFirst {border:none; padding:0; margin:0;}
.footerQuicklink a:link, .footerQuicklink a:visited {color:#0082D6; text-decoration:none; font-size:1.1em;}
.footerQuicklink a:hover {color:#66CCFF;}
#footerAboutSistic {color:#666; clear:both; width:700px; margin:0 auto; padding-top:30px;}
#footerAboutSistic .rightLayer {float:right; margin-left:10px;}
#footerCopywright {background:url(/portal/images/sistic/footerSeperator.jpg) top center no-repeat; padding:20px 140px 0; margin-top:20px; text-align:center; color:#999;}

/* 10.0 Inside Page ================== */
.insidePage #colMain {
	width:784px;
	padding-top:5px;
	padding-left: 10px;
	padding-right: 10px;
}
.insidePage .insidepageTitle {margin-bottom:20px;}
.insidePage #colMain h3 {padding-bottom:20px;}
.insidePage #colMain p {padding-bottom:10px; }
.insidePage #bannerContainerSide {width:144px; padding:10px 5px 0;}

/* Agents */
.agentsList {font-size:12px; border-collapse:collapse; border:1px none #e0e0e0;}
.agentsList th {background-color:#5AB0E3; color:#FFFFFF; padding:5px 0;}
.agentsList td {vertical-align:text-top; width:180px; padding:3px;}
.agentsList ul {margin-top:5px; width:170px;}
.agentsList li {padding-bottom:10px;}

/* Partners */
.partnersList td {width:200px;}
#partners {padding-top:20px; clear:both;}

/* Polls */
.pollList {font-size:12px; color:#676767; float:left; width:200px; margin-bottom:20px;}
.pollList li {padding:0; padding-top:5px; margin:0; clear:both;}
.pollList li input {float:left;}
.pollList li div {padding-right:10px; width:160px; float:left; margin-left:5px;}
.pollList .pollCategory {font-weight:bold;}
.body1 label {display:inline-block; width:100px;}
.insidePage input {color:#333; font-size:12px;}
.submitBtn {padding-left:10px;}
.submitBtn a:link, .submitBtn a:visited {display:inline-block; width:85px; height:21px; background:url(/portal/images/sistic/submit_btn.jpg) top center no-repeat; text-indent:-2000em;}
.submitBtn a:hover {background:url(/portal/images/sistic/submit_btn_rollover.jpg) top center no-repeat;}
.voteList {float:left; list-style:none; width:200px;}
.voteList p {padding-bottom:0!important;}

/* Overseas Events */
.insidePage .linkLevelOne {width:350px; position:static; float:left;}
.insidePage .linkRowTwo {left:370px;}
.insidePage .countryName {font-size:12px; font-weight:bold;}

/* 10.0 Overwrite sistic.css ================== */
table {text-align:left;} /* To align all the text to left. Delete if conflict */
.insidePage .info_title {padding-top:0;} /* To push up the title */