/*
 *  TCS - Visatronix: Main Stylesheet (ziad)
 *  Version: 2005.10.30
 *	Author: FurSid
----------------------------------------------------------------------------- */

/* ########################################################################
 *  Base styles
######################################################################## */


body { 
	background-color:#999;
	padding:0px 0px;
	font-size:11px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	height:100%;
	margin:0px auto;
	text-align:center;
	color:#333;
}

td { font-size:11px;}



a img { border:none; }

form { padding:0; margin:0}


.ip-signin, .ip-track { 
	height:17px; 
	border:1px solid #999; 
	width:121px; 
	font-size:10px;
	padding:0; margin:0;
}
.ip-track2 {
	height:17px; border:1px solid #999; 
	width:115px; font-size:10px;
	padding:0; margin:0; height:17px;width:110px;
}

.ip-track { height:17px;width:149px}

* html div#entry-box {
	font-size:12px; height:100%;
	width:780px; margin:0 auto;
}

#entry-box {
	font-size:12px; height:100%; width:780px; margin:0 auto;
}

/* links */

a { 
	text-decoration:underline; color: #069;
}

a:hover {   text-decoration:none; color:#c00   }

dl, dl dt, dl dd { padding:0; margin:0; font-size:10px}
dl { padding:0 0 0 17px; margin:0}
dl dt { font-weight:bold;}
dl dd {padding:2px 0 7px 0;}
dt a {color:#036}

.main-table { background-color:#FFFFFF; text-align:left;}

.body-table  {padding:0px; margin:0px}

.main-content {padding:0px 10px 26px 18px; margin:0; text-align:left; color:#666 }
.main-content p{ line-height:17px;  margin:15px 0  }

h1 { 
	font-size:20px; font-family:"Arial Narrow", Arial, Helvetica, sans-serif; 
	color:#555; padding:0; margin:20px 0 7px 0; padding:0;
}

h2, h2 a { font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#C00; padding:0; margin:10px 0 5px 0;}

h2 a { color:#006699}

h3 { font-size:13px; font-family:"Arial Narrow", Arial, Helvetica, sans-serif; color:#000; padding:0; margin:10px 0 3px 0;}

h3.job-cat { margin:0; font-size:13px}

h3.job-cat * {margin:0}

.nopad {padding:0 !important; margin:0 !important}

.main-content ul { list-style:none; margin:10px 0 0 10px}
.main-content ul li {
	line-height:17px; padding-left:13px;
	background:url(../images/bullet-gray.gif) no-repeat 2px 7px; 
}

.side-bar { 
	text-align:left; padding:0px; width:202px !important; 
	background:url(../images/AboutTCSVisatronixBG.jpg) repeat-y top left;  
}


p.nav-parma { padding:10px}
p.nav-bottom { padding:10px;}

p.nav-parma a, p.nav-bottom a { 
	color:#333; padding:0 5px;
}

p.copyright { 
	font-size:10px; 
	text-align:left; 
	padding:0px 0 10px 15px;
	color:#666666;
}

p.copyright a { color:#f00}

ul.side-nav a { color:#333 !important;}
ul.side-nav a:hover { color:#c00 !important;}

ul.side-nav, .side-bar li { padding-left:10px; margin:0; font-size:11px; list-style:none; }

ul.side-nav{ padding:0px 0 15px 7px; margin:15px 0 0 0; background:url(../images/nav-bottom-border.gif) no-repeat bottom left;}

.side-nav li { line-height:20px}
.section { font-weight:bold; line-height:100%;}

.faq li { font-weight:bold;  }
.faq li, .faq ol, .faq ol li {font-size:11px; padding:0; margin:0 }
.faq ol li {list-style:none; font-weight:normal; line-height:15px;}
.faq ol {margin:10px 130px 30px 0; }


.clear { /* to fix IE6 padding-top issue */
  clear: both;
  height:0;
 }


.hsep td { border-bottom:1px dashed #ccc; padding:15px 0px}

.nav-bottom-bg td{background: url(../images/bg-nav-bottom.jpg) repeat-y top left }

.nav-parma-bg td{background:  url(../images/bg-nav-parma.jpg) repeat-y top left }
.flag-padding img {margin:0px 35px 35px 0px}



.ErrorMsg { color:#666; font-weight:bold; }
.SuccessMsg { color:#0066cc; font-weight:bold; }

.side-panels { text-align:center; width:180px !important; padding:7px 0 7px 0px; float:right;  }

.panel-box { 
	border:1px solid #ccc; width:180px; overflow:hidden; 
	background-color:#FFFFFF; text-align:left; margin:3px 0 12px 0;
}

.warn-head, .panel-content,.panel-head  { padding:7px;}

.warn-head, .panel-head  { 
	color:#666; font-weight:bold; background-color:#e2e2e2; 
	padding:3px 7px; font-family:Arial, Helvetica, sans-serif 
}
.warn-head { 
	background: #e2e2e2 url(../images/alert.gif) no-repeat 7px 50%; 
	padding:7px 7px 7px 35px; color:#FF0000; font-size:12px;   
}
.panel-head { }

.panel-separator { line-height:10px;}
.panel-content a{ padding:0 0 3px 0; line-height:18px }
.panel-content td{padding:2px 7px}
table.panel-content { }
.panel-content .date { margin-bottom:15px;}

.signin-panel .panel-box { width:180px; overflow:hidden }
.signin-panel .panel-head { background: #e2e2e2 url(../images/signup.gif) no-repeat 5px 50%; padding:3px 7px 3px 25px; }

.content { float:left; width:350px; padding:0px 7px 7px 0; border:0px solid #f60; border-right:1px dashed #ccc; }

.grid-list { }
.grid-list td{ padding:0 0 20px 0;}
.grid-list  a { font-size:12px; margin:0 0 3px 0; }


.date, #myCounter1, #myCounter, .date-register { font-size:10px; color:#666}

select, input {font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif}

option {color:#666; }


.paging td{ padding:10px 0; font-size:10px;}

.paging span { 
	border:1px solid #ccc; padding:3px 5px; 
	background-color:#f2f2f2; 
	color:#999; width:60px; text-align:center; display:inline;
}
.paging a { 
	border:1px solid #ccc; padding:3px 5px; display:inline;
	background-color:#f2f2f2; text-align:center;
	color:#000099; font-size:10px; width:60px; margin:0; 
}
.paging a:hover { background-color:#e2e2e2; padding:4px 5px;}

.page-tools { margin:30px 0 10px 0; }
.page-tools a { 
	font-size:10px; color:#666; 
	padding:5px 7px; 
	border:1px solid #ccc; background-color:#f2f2f2 
}

.page-tools a:hover {padding:5px 7px;}

.link-desc { margin:5px 0}

.caption-tr td{ padding-top:12px; vertical-align:bottom; color:#666; font-weight:bold; font-size:11px}

.lnk-download { margin:2px 0 0 0; }
.lnk-download a { border:1px solid #ccc; padding:11px 5px 9px 37px; display:block; width:160px; 
	background: #f2f2f2 url(../images/down.gif) no-repeat 7px 40%; 
}

.thumb {float:left; margin:0 7px 7px 0}

#tblFeatureNews { border-bottom:1px dashed #ccc; padding-bottom:10px; margin-bottom:10px;}

#tblFeatureNews p {line-height:17px; margin:7px 0}
#imgFeatureNews { border:1px solid #CCC}

.tbl-recent-news {border-bottom:1px dashed #e2e2e2; margin-bottom:20px; padding-bottom:10px;}
.tbl-recent-news .date {margin-bottom:4px;}
.tbl-recent-news img{ margin:0 10px 10px 0; border:2px solid #e2e2e2; }
.recent-news { margin:0 0 10px 0; }
.tbl-recent-news a { font-weight:bold}
 
.lnk-action  { text-align:right}
.lnk-action a{ font-size:10px;}

.tbl-news-images { float:right; margin:12px 0 0px 7px; width:150px; display:block;}
.news-images img{ display:block; margin:0; border:1px solid #ccc}
.news-image-cap { 
	font-size:10px; font-family: Arial, Helvetica, sans-serif; color:#fff; margin:0 0 20px 0; 
	padding:2px 7px 3px 7px; text-align:left; background-color:#999; 
	border:1px solid #ccc; border-top:none; width:150px; 
}
* html div.news-image-cap { width:136px}
.news-img-wrap { }
.news-recent { background-color:#f2f2f2; padding:3px 7px;}


.vp-wrap{ padding:0 15px 0px 15px;}
.vp-subject {}
.vp-detail { margin:3px 0}
.vp-footer { font-size:10px; padding:5px; border-top:1px dashed #ccc; background-color:#f2f2f2; margin:7px 0 0 0}

.news-images-print {}

.btn-poll-result { padding:0px 7px; }

.op-footer { font-size:10px; padding:3px 0;}

.cj-link {}
.cj-blurb { margin:10px 0; clear:both}
.cj-pos, .cj-date { margin:3px 0; font-size:10px; font-weight:bold; color:#777}
.cj-date {}


.tab-data { margin:10px 0 7px 0}
.tab-data td{ }

.tab-grid { background-color:#ccc;}
.tab-grid td { background-color:#fff; padding:5px;}
.tab-grid strong { color:#666}

.taf-notice { margin:10px 10px 10px 0; font-size:10px; color:#666}

.lnk-archive { margin:2px 0 0 0  }
.lnk-archive a{ border:1px solid #ccc; padding:5px 7px 7px 7px; background-color:#f2f2f2; display:block; font-weight:bold}
.lnk-archive a:hover{  }



.faq-category td{ padding-top:10px; }
.faq-links td{ }
.faq-links a{ float:left; line-height:25px;}
.faq-links a img {}

.tab-data-charges { background-color:#CCC}
.tab-data-charges td{ background-color:#fff; padding:5px;}
.tab-head { font-weight:bold; text-align:center;}
.tab-head td { background-color:#f2f2f2; font-size:13px;}
.tab-body {}

.tab-col1 { background-color:#e8e8e8 !important; text-align:left; font-weight:bold }

.tab-head .tab-col1 { background-color:#CCCCCC !important;}

.home-news { padding:4px 17px;}
.home-news a{ font-weight:bold; font-size:10px;}
.home-news .date { font-size:10px; }

.flag-box { float:left; width:33%}
.flag-image {}
.country-name { margin:0 0 10px 0; text-align:center; background-color:#ccc; color:#333; padding:3px 3px 3px 3px; width:105px;}
.flag-links { }


.main-content { background-image:none !important}

.faq-rating { background-color:#f2f2f2; padding:5px; margin:20px 0 0 0}

.faq-rating  div { padding:10px; background-color:#fff;}

/* 
//////////////// page tools //////////////// */

#lnkTellaFriend, .link-taf, #lnkbtnTellAFriend  { 
	background: #f2f2f2 url(../images/taf.gif) no-repeat 5px 50%;  padding-left: 25px !important; 
}

#lnkTellaFriend a, .link-taf  a{}

#lnkPrintable, .link-printable, #lnkPrintableVersion, #lnkPV { 
	background: #f2f2f2 url(../images/print.gif) no-repeat 5px 50%;  padding-left: 25px !important; 
}
#lnkPrintable a, .link-printable a{  }

.flag-links { 
	margin:5px 0; background:url(../images/bullet-gray.gif) no-repeat 2px 60%; 
	padding-left:15px; font-size:12px; font-weight:bold  
}

h3.hd-featured-news { margin:0}
h3.hd-featured-news a { color:#036 !important }
h3.hd-featured-news a:hover { color:#C00 !important}

.home-right-bg { background: url(../images/slice-10.jpg) repeat-y left top; }


/* 
//////////////// flagstrips  //////////////// */
.flag-strip-div { float:left; margin:0 20px 0 0;}
.flag-strip-div a {
	background: url(../images/flagstrip-flagbg.gif) no-repeat top left; 
	padding:1px 3px 3px 1px; display:block; 
}
.flag-strip-wrap { 
	padding:3px 0 0 200px; height:35px;
	background: url(../images/flagstrip-text.jpg) no-repeat top left; 
}
.home-flagstrip td{background: url(../images/bg-nav-bottom.jpg) repeat-y top left}


.home-loc-wrap { 
	background: url(../images/home-loc-bg.jpg) no-repeat top left; 
	padding:23px 3px 3px 16px; height:71px; 
}
.sub-loc-wrap { 
	background: url(../images/sub-loc-bg.jpg) no-repeat top left; 
	height:81px; padding:23px 3px 3px 16px; overflow:hidden;
}

.loc-text { font-size:10px; color:#666; }
.loc-flags{ margin:7px 0px 0 0px; }
.loc-flags a {padding:0px; display:block; border:1px solid #ccc; float:left    }

.sub-loc-wrap a{ margin:0 7px 0 0 }
.home-loc-wrap a { margin:0 10px 0 0}


.master-loc-wrap { text-align:center; width:450px }
.master-loc-flags { margin:7px 15px 15px 1px; height:100%; float:left;   }
.master-loc-flags a {background:url(../images/home-flag-bg.gif) no-repeat top left; padding:3px 5px 5px 3px; display:block; float:left; }
.home-flag-saperator { clear:both;}

.home-call-us {}

/* 
	Call us text definations ==================== */
	
.call-us-wrap { padding:0 0 0 17px;}
.call-us-num { 
	color:#c00; font-family:"Arial Narrow", Arial, Helvetica, sans-serif; 
	font-size:16px; padding:7px 0 0 0
}
.call-us-desc { line-height:normal; padding:3px 0px 6px 0px ; font-size:10px; }

.home .call-us-num{ font-size:20px; float:none; padding:0}
.home .call-us-desc { font-size:11px; padding:0px; float:none; line-height:normal  }

/* /////////////////////////////////////////////////////////////// */

/* 
	Section Headers, Intro Blurbs & Page Heading Styles
////////////////////////////////////////////////////////////////////// */

/* 
	Intro Blurb Global Defination ==================== */

p.intro-blurb { margin:0; border:0px solid #000; height:80px; padding:0 7px 2px 0; display:none }

/* 
	Section Header Global Defination ==================== */
	
div.h1-header{ 
	height:114px; width:226px; float:right; margin:20px 0px 10px 0px;
	background-position:top right;
	background-repeat:no-repeat;  
}

/* 
	Page Heading Defination ==================== */

#sub-pages h1{ 
	background:url(../images/h1-bg.jpg) repeat-x top left; 
	padding:20px 8px 4px 8px; color:#ffffff; font-size:18px;
	margin-bottom:10px;
}


/* 
	Hide Section Headers & Intro Blurbs  ==================== */
#about-visatronix-page .h1-header,
#disclaimer .h1-header, #privacy-policy .h1-header  {display:none}

/* 
	Show Section Intro Blurbs  ==================== */
#contact-us .intro-blurb, #askaquestion .intro-blurb, #faqs .intro-blurb, 
#careers .intro-blurb{ display:block; height:auto}

/* 
	Section Header Images Definations ==================== */

#accolades .h1-header {background-image:url(../images/bg-accolades.jpg);}
#careers .h1-header{ background-image:url(../images/bg-careers.jpg); }
#opinion-poll .h1-header{ background-image:url(../images/bg-opinion-poll.jpg); }
#news .h1-header{ background-image:url(../images/bg-news.jpg); }
#events .h1-header{ background-image:url(../images/bg-events.jpg); }
#travel-advisory .h1-header{ background-image:url(../images/bg-travel-advisory.jpg); }
#useful-links .h1-header{ background-image:url(../images/bg-useful-links.jpg); }
#askaquestion .h1-header{ background-image:url(../images/bg-askaquestion.jpg); }
#feedback .h1-header{ background-image:url(../images/bg-feedback.jpg); }
#locations .h1-header{ background-image:url(../images/bg-locations.jpg); }
#contact-us .h1-header{ background-image:url(../images/bg-contact-us.jpg); }
#surveys .h1-header{ background-image:url(../images/bg-surveys.jpg); }
#faqs .h1-header{ background-image:url(../images/bg-faqs.jpg); }
#track-applicaiton .h1-header{ background-image:url(../images/bg-track-application.jpg); }
#visa .h1-header{ background-image:url(../images/bg-visa.jpg); }
#service-charges .h1-header{ background-image:url(../images/bg-service-charges.jpg); }
#travel-tours .h1-header{ background-image:url(../images/bg-travel-tours.jpg); }
#vision-mission .h1-header{ background-image:url(../images/bg-vision-mission.jpg); }
#the-process .h1-header{ background-image:url(../images/bg-the-process.jpg); }
#security-reliability .h1-header{ background-image:url(../images/bg-security-reliability.jpg); }

/* /////////////////////////////////////////////////////////////// */


/*  Site Map styles
/////////////////////////////////////////////////////////////// */

#site-map .site-map-wrapper { margin:35px 0 0 35px}
.site-map-wrapper ul li{ background:url("../images/bullet2.gif") no-repeat 0px 4px; padding:0 0 0 17px;}
.site-map-wrapper li li{ background:url("../images/bullet3.gif") no-repeat 0px 4px; padding:0 0 0 17px;}

.newlink-icon img{ width:26px; height:12px; display:inline;}



/*  Events Section
/////////////////////////////////////////////////////////////// */

h2.hd-featured-event { margin:0}
h2.hd-featured-event a { color:#036 !important }
h2.hd-featured-event a:hover { color:#C00 !important}

.date-register {font-size:11px; margin:3px 0; color:#C00;}

#tblFeatureEvents { border-bottom:1px dashed #ccc; padding-bottom:10px; margin-bottom:10px;}

#tblFeatureEvents p {line-height:17px; margin:7px 0}
#imgFeatureEvents { border:1px solid #CCC}

.tbl-recent-events, .tbl-future-events {border-bottom:1px dashed #e2e2e2; margin-bottom:20px; padding-bottom:10px;}
.tbl-recent-events .date, .tbl-future-events .date{margin-bottom:4px;}
.tbl-recent-events img, .tbl-future-events img{ margin:0 10px 10px 0; border:2px solid #e2e2e2; }
.recent-events, .future-events { margin:0 0 10px 0; }
.tbl-recent-events a, .tbl-future-events a { font-weight:bold}
.tbl-recent-events a { font-size:12px; padding:0 0 0 7px;}
 
.tbl-events-images { float:right; margin:12px 0 0px 7px; width:150px; display:block;}
.events-images img{ display:block; margin:0; border:1px solid #ccc}
.events-image-cap { 
	font-size:10px; font-family: Arial, Helvetica, sans-serif; color:#fff; margin:0 0 20px 0; 
	padding:2px 7px 3px 7px; text-align:left; background-color:#999; 
	border:1px solid #ccc; border-top:none; width:150px; 
}
* html div.events-image-cap { width:136px}
.events-img-wrap { }
.events-recent, .events-future { background-color:#f2f2f2; padding:3px 7px; margin:0 0 10px 0}

.event-picture { float:right; margin:0 0 7px 0; border:1px solid #d2d2d2}
.event-venue {}
.event-venue-map { float:right; border:1px solid #CCC; margin:0 3px; padding:3px;}
.event-detail { float:left; font-size:11px; margin:7px 0 0 0}
.content-panel-box { 
	border:1px solid #ccc; width:150px; overflow:hidden; 
	background-color:#FFFFFF; text-align:left; margin:3px 0 7px 0; float:right; clear:right; 
}
.panel-box .panel-content { height:100%}
.content-panel-box .panel-content { height:100%}
.content-panel-box .panel-head{ background-color:transparent; color:#333333 }
#events .panel-content a{ line-height:normal; margin:0 0 5px 0;}

/* /////////////////////////////////////////////////////////////// */