@import url("styles.css");
/*
	Bidvest Annual Report 2011
	__________________________
	CONTENTS
    --------------------------
	01. Reset 
	02. Layout
	03. Tables
	04. Navigation
*/

html {
	height: 1%;
}
body {
	background:#FFF;
}
#tooltip { position:absolute; left: -999999999px;}

/* 02. Layout
-------------------------------------------------------------------------------------------------------*/
.boxwhite { display: block;
 width: 300px;
 padding: 20px 20px;
 border: 1px solid #CCC;
 background: white;
 -webkit-border-radius: 12px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
 -moz-border-radius: 12px; /* FF1-3.6 */
 border-radius: 12px;
}
	.bidvestlink {
		display: block;
		width: 69px;
		height: 80px;
		background: url(../images/bidvest_s1.png) no-repeat;
		position: relative; top: 10px; left: 20px; 
		padding-bottom: 20px;
	}

/* Blue toolbar header: search and links 
--------------------------------------------------*/

.toolbar { 
display: none;
visibility: hidden;
}

.bg_img_repeat {
	width: 100%;
	height: 77px ;
	z-index:1;
	position: absolute;
	top: 0;
	left: 0;
}
.tbContent {
	z-index: 999999999999;
	display: block;
	width: 1000px;
	height: 40px;
	margin: 0 auto;
	position: relative;
	left: -70px;
	overflow: hidden;
}
	.tbContent .bar {
		display: block;
		float: left;
		background: url('../images/ui_toolbar_sep.png') no-repeat center right!important;
		padding: 8px 20px 4px 20px;
	}
	.tbContent .bar h1 { 
	 	font-size: 13px; color: white;
		background: url('../images/ui_toolbar_sep.png') no-repeat center left!important; padding-left: 15px;
	 }
	 .tbContent .bar h2 { 
	 	font-size: 13px; color: #CCC;
		padding-right: 8px;
	 }
	 .tbContent .bar h2 a { 
	 	font-size: 13px; color: #CCC;
		padding-right: 8px;
	 }
	 .tbContent .dload:link, .tbContent .dload:visited { 
		 display: block;
		 width: 175px; padding-right:0px; padding-left: 30px;
		 color: #CCC;
		 background: url(../images/btn_downloads.png) no-repeat 175px 1px;
		 font-weight: bold;
		 cursor:pointer;
	 }
	 .tbContent .dload:hover{
		 color:white;
	  background: url(../images/btn_downloads.png)  no-repeat 178px 1px;
	  cursor:pointer;
	 }
	 
	  .tbContent .linksearch:link, .tbContent .linksearch:visited { 
		 display: block;
		 font-size:12px; font-weight: bold;
		 width: 175px; padding-right:0px; padding-left: 30px;
		 color: #CCC;
		 background: url(../images/btn_downloads.png) no-repeat 80px 0px;
		 cursor:pointer;
	 }
	 .tbContent .linksearch:hover{
		 color:white;
	     background: url(../images/btn_downloads.png)  no-repeat 85px 0px;
	     cursor:pointer;
	 }
	.tbContent a:hover { color: white!important; }

.globalfootprint:hover {
	color: #6CCFF6;
	text-decoration: underline;
	}
	
/*SEARCH
-------------------------------------------------------------------------------------------------*/
#searchNav { position: absolute; top: 2px; right: 10px; width: 250px; padding: 0px 10px 0 10px;}
#searchNav .linksearch { position: relative; top: 3px!important;}
#searchNav ul {	float: right; width: auto; }
#searchNav ul li {
	display: inline;
	width:auto;
	float: left;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #999;
	padding: 4px;
}

#searchNav .forminput {
	background:white;
	width: 120px;
	border: 1px solid #CCC;
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #666;
	padding:  2px 6px 2px 6px;
}

/*Leave a note: FORM SLIDEING PANEL
--------------------------------------------*/
#panel {
	background:white;
	height: 390px;
	width: 760px;
	display: none;
}
.btnslide {
	border:1px solid white;
	position: relative;
	background:#FFF;
	display: block; 
	width: 760px; 
	height: 21px; 
}

ul.ui_toolbtns {
	position: absolute; top: 0; right: 0;
	}
ul.ui_toolbtns li { float: left;}
ul.ui_toolbtns li a { display: block ; font-size: 11px; height: 14px; background: url(../images/ui_tools_sep.png) no-repeat center right; padding-right: 10px; padding-left:8px;border-bottom: none; }
ul.ui_toolbtns li a.btn-slide  {
	position: relative; top: 2px;
	background:#FFF url(../images/ui_note_plus.jpg) no-repeat top right;
	width: 103px; padding-right: 0;
	display: block;
	font: normal 11px Arial, Helvetica, sans-serif; 
	color: #444!important;
	text-decoration: none;
	border-bottom: none;	
}

.btn-slide:hover {
	color:#19398A!important;
}

.btn-slide-active {
	background:#FFF  url(../images/ui_note_minus.jpg) no-repeat top right!important;
}

/*----------------*/
.wrap {
	position: relative;
	z-index: 1;
	display: block;
	width: 1140px; /*total width of website, including downloads panel*/
	margin: 30px auto;
	background: transparent;
	}
.report, .ui_downloadpdf {
	display: block;
	float: left;
	}
	
.report { 
	width: 1000px; 
	background: tranparent;
	}
	
.ui_downloadpdf {
	position: relative;
	top:446px;
	width: 140px; 
	}

header {
display: none;
visibility: hidden;

	}

.imgbanner {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 1000px; height: 220px;
}
	.imgbanner p {
		position: absolute; top: 20px; left: 20px;
		color: #00478C;
		font-size: 16px;
	}
	
#main {
	z-index: 122;
	display: block;
	width: 1000px; /*width of content area: aside, article and footer*/
	margin: 0px auto;
	clear: both;
	background: white;
	min-height: 400px;
	}

hgroup {
	position: relative;
	width: 200px;
	height: 40px;
	background:white;
	}
	hgroup h1 {
		position: absolute; top: 10px; left: 0px;
		font-size:12px;
		color: #333;
		}
aside {
display: none;
visibility: hidden;
	}

article {
	display: block;
	float: left;
	width: 760px;
	margin: -60px 0px;
	background: #F7F4F0;
	min-height: 600px;
	}

.ui_tools {
	clear: both;
	width: 760px;
	background:white;
	border-bottom: 1px solid #F7F4F0;
	padding-bottom:0px;
	
}
.groupOverview .content {	
	padding-top:40px; padding-left:10px; border-top: 20px solid white;
	clear: both;
	background: #F7F4F0 url(../images/passion.jpg) no-repeat top left;
}
.content {	
	padding-top:40px; padding-left:10px; border-top: 20px solid white;
	clear: both;
	background: #F5F2EB url(../images/bg_passion_vitality.jpg) no-repeat top left;
	min-height: 600px;
}
.financial .content {	
	padding-top:40px; padding-left:10px; border-top: 20px solid white;
	clear: both;
	background: #F5F2EB url(../images/bg_passion_vitality.jpg) no-repeat top left;
	min-height: 1000px;
}

.ruleWhite { border-bottom: 1px solid white; }

footer {
display: none;
visibility: hidden;
}

	footer p {
		font-size: 11px;
		position: absolute; top: 10px; left: 0px;
		}
	footer a.bnt_top{
		font-size: 11px;
		position: absolute; top:10px; right: 20px;
		}

/*Operational Review
---------------------*/
.opsReviewBox {
	display: block;
	width:760px;
	position: relative;
	top: 7px;
	left: -10px;
	overflow: hidden;
	}
.opsReviewBox img { 
	display: block;
	float: left;
	}
	.opsReviewBox ul {
		display: block;
		float: left;
		width: 210px;
		height: 234px;
		background: #999;
		padding: 10px 10px 0 10px;
		overflow: auto;
	}
		.opsReviewBox ul li {
			display: block;
			background: url(../images/icon_whitedot.png) no-repeat top left;
			padding-left: 20px;
			color: white;
			font-size:11px;
		}
		.nameSpc { position: relative; top: 2px; left: 350px; text-align: right; width: 200px; clear:both;}
		
	.opsBx02 ul {
		display: block;
		float: left;
		width: 210px;
		height: 274px!important;
		background: #999;
		padding: 10px 10px 0 10px;
		}

.opsReviewBoxNan {
	display: block;
	width:760px;
	position: relative;
	top: 7px;
	left: -10px;
	overflow: hidden;
	}
.opsReviewBoxNan img { 
	display: block;
	float: left;
	}
	.opsReviewBoxNan ul {
		display: block;
		float: left;
		width: 210px;
		height: 240px; 
		background: #999;
		padding: 10px 10px 0 10px;
		overflow: auto;
	}
		.opsReviewBoxNan ul li {
			display: block;
			background: url(../images/icon_whitedot.png) no-repeat top left;
			padding-left: 20px;
			color: white;
			font-size:11px;
		}

/*Homepage
---------------------------------------------------------*/
.home #main {
	z-index: 122;
	display: block;
	width: 1000px;
	margin: -0px auto;
	min-height: 200px;
	}
	
.col740, .col230 { 
	display: block ; float: left;
	position: relative;
	top: 10px;
	background: #FFF;
	}

.col740 {
	left: 10px;
	width: 740px;
	min-height: 675px;
	}

.col230 {
	left: 20px;
	width: 230px;
	min-height: 675px;
	}
.home .tbContent {
	z-index: 999999999999;
	display: block;
	width: 1000px;
	height: 40px;
	margin: 0 auto;
	position: relative;
	left: 0px;
	overflow: hidden;
}

	.col740 .row {
		position: relative;
		display: block;
		clear: both;
		width: 740px;
		margin-bottom: 10px;
	}
	
	.r170     { position: relative; height: 170px; background:url('../images/bg_hm01.jpg') no-repeat top left; }
	.r245     { position: relative; height: 245px; width: 230px; }
	.col426   { position: relative; height: 426px; background: url('../images/bg_hm02.jpg') no-repeat top left; margin-bottom: 10px;}
	.scroller { position: relative; width: 489px !important; background: url(../images/bg_hm04.jpg) no-repeat top left; }
	
	.col      { position: relative; width: 240px; height: 245px; float: left; position: relative; margin-left:10px;  }
	.col1st   { width: 240px; height: 245px; float: left; position: relative; margin-left: 0; }
	
	.colCenter { background: url(../images/bg_hm03.jpg) no-repeat top left; }
	.col01 { background: url(../images/bg_hm05.jpg) no-repeat top left; }
	.col02 { background: url(../images/bg_hm06.jpg) no-repeat top left; }
	.col03 { background: url(../images/bg_hm07.jpg) no-repeat top left; }
	.col04 { background: url(../images/bg_hm08.jpg) no-repeat top left; }
	.col05 { background: url(../images/bg_hm05.jpg) no-repeat top left; }
	
	.row h2{
		color: white;
		font-size: 14px;
		border: none!important;
		margin: 10px auto;
		text-align: center;
	}
    .col04 h2 { position: relative; top: 10px;}
	
	.row p {
		font-size: 12px; font-weight: bold;
		padding: 10px 10px;
		color: white;
	}
	.r170 h1 {
		color: #0B2659;
		position: absolute; bottom: 17px; left: 150px;
	}
	.r170 h2 {
		color: #FFF;
		position: absolute; bottom: 67px; left:520px;
		font: bold 16px "Arial Narrow", Arial, sans-serif; 
	}
	
	/*ipad button box*/
	.btn_ipad { display: block; width: 121px; height: 121px;
		background: url(../images/btn_ipad.png) no-repeat top left;
		position: relative; 
		top: 24px; left: 50px;
		-webkit-transition: none!important;-moz-transition: none!important;-ms-transition: none!important;-o-transition:none!important;transition:none!important;
		}
	.btn_ipad:hover {
		-webkit-transition: none!important;-moz-transition: none!important;-ms-transition: none!important;-o-transition:none!important;transition:none!important;
		background: url(../images/btn_ipad.png) no-repeat top right;
	}
	.col04 p {
		width: 110px;
		margin: 25px 45px;
		text-align:center;
		text-shadow: 1px 1px 1px #000;
		}
	
	.col01 a:link,.col01 a:visited,
	.col02 a:link,.col02 a:visited {
		position: absolute; bottom: 30px; left: 105px;
		display: block; width: 31px ; height: 31px ;
		background: url(../images/btn_home.png) no-repeat 0 0;
		}
	.col01 a:hover,
	.col02 a:hover,
	.col03 a:hover {
		display: block; width: 31px ; height: 31px ;
		background: url(../images/btn_home_hov.png) no-repeat 0 0;
		}
		
	.col03 a:link,.col03 a:visited {
		position: absolute; bottom: 120px; left: 105px;
		display: block; width: 31px ; height: 31px ;
		background: url(../images/btn_home.png) no-repeat 0 0;
		}
	
	.btn_agm:link, .btn_agm:visited {
		font:normal 12px Arial, Helvetica, sans-serif;
		color:white;
		position: absolute; bottom: 50px!important; left: 10px!important;
		background:none!important;
		border-bottom: 1px solid #666;
		border-top: 1px solid #666;
		padding: 4px 4px 4px 10px!important;
		height: 20px!important;
		width: 200px!important;
		}
		.btn_agm:hover {
			border-bottom: 1px solid #CCC;
		border-top: 1px solid #CCC;
		}
	
	.col426 p {
		color: #FFF;
		padding-bottom:6px;
		margin: 0 0;
		}
		.col426 p.rtAl { text-align: right; font-size: 11px; }
		.rtAlBtn:link,.rtAlBtn:visited {
			height: 20px; display: block;
			background: url(../images/btn_icon_bluaro.png) no-repeat 190px 16px;
			color: white!important;
			padding-bottom:20px;
		}
		.rtAlBtn:hover {
			background: url(../images/btn_icon_bluaro.png) no-repeat 190px 16px;
			color: white!important;
			padding-bottom:20px;
			text-decoration: underline;
		}
	




/*Typography
-----------------------------------------------------------*/

em {
	font-style: italic;
	
	}
p {
	font-size:12px; line-height: 16px;
	padding-bottom: 10px;
}




/* Navigation
---------------------------------------------------*/
article a:link,a:visited { border-bottom: 1px dotted #444;}
article a:visited { border-bottom: 1px dotted #19398a; color:#19398a!important;}

ul.pagin { position: absolute; top: 0; left:415px; }
ul.pagin li { float: left; margin-right:2px; }
ul.pagin li a { 
	display: block;
	background: url(../images/ui_pagin_a.png) no-repeat top left;
	padding: 0px 0 4px 5px;
	width: 14px;
	height:  16px;
	font-size:11px;
	border-bottom: none;
	}
	ul.pagin li a:hover { background: url(../images/ui_pagin_c.png) no-repeat top left; color: white;}

ul.paginfoot { position: absolute; top:8px; left: 220px; border-left: 1px solid #CCC; padding-left:10px; }
ul.paginfoot li { float: left; margin-right:2px; }
ul.paginfoot li a { 
	display: block;
	background: url(../images/ui_pagin_a.png) no-repeat top left;
	padding: 0px 0 4px 5px;
	width: 14px;
	height:  16px;
	font-size:11px;
	border-bottom: none;
	}
	ul.paginfoot li a:hover { background: url(../images/ui_pagin_c.png) no-repeat top left; color: white;}
	
	 .pg01 .pg01 a,
	 .pg02 .pg02 a,
	 .pg03 .pg03 a,
	 .pg04 .pg04 a,
	 .pg05 .pg05 a,
	 .pg06 .pg06 a,
	 .pg07 .pg07 a,
	 .pg08 .pg08 a,
	 .pg09 .pg09 a {
		cursor: default;
		background: url(../images/ui_pagin_b.png) no-repeat top left; color: white;		 
		}
	 .pg01 .pg01 a:hover,
	 .pg02 .pg02 a:hover,
	 .pg03 .pg03 a:hover,
	 .pg04 .pg04 a:hover,
	 .pg05 .pg05 a:hover,
	 .pg06 .pg06 a:hover,
	 .pg07 .pg07 a:hover,
	 .pg08 .pg08 a:hover,
	 .pg09 .pg09 a:hover {
		cursor: default;
		background: url(../images/ui_pagin_b.png) no-repeat top left; color: white;		 
		}
ul.stdnav{  
	position: relative; top:0px; left: 0px;
	z-index: 1;
	width: 185px;
	}

ul.stdnav a:link, ul.stdnav a:visited { 
	display: block;
	font-size: 12px;
	font-weight: normal;
	border-bottom: 1px dotted #F7F4F0;
	padding: 4px 4px 4px 4px;
	color: #444;
    background:url(../images/icon_arogrey.png) no-repeat -160px 5px;
}
ul.stdnav a:hover { 
	display: block;
	font-size: 12px;
	font-weight: normal;
	border-bottom: 1px dotted #F7F4F0;
	padding: 4px 4px 4px 4px;
	color: #011A3F;
	background:url(../images/icon_arogrey.png) no-repeat 160px 5px	;
}

/*
/
/ on page selected highlight*/

/*first accordion row*/
.sm01 .sm01 a, .sm02 .sm02 a, .sm03 .sm03 a, .sm04 .sm04 a,
.sm05 .sm05 a, .sm06 .sm06 a, .sm07 .sm07 a, .sm08 .sm08 a,
.sm09 .sm09 a, .sm010 .sm010 a, .sm011 .sm011 a, .sm012 .sm012 a,
.sm013 .sm013 a, .sm014 .sm014 a, .sm015 .sm015 a, .sm016 .sm016 a,
.sm017 .sm017 a, .sm018 .sm018 a, .sm019 .sm019 a, .sm020 .sm020 a,
.sm021 .sm021 a, .sm022 .sm022 a, .sm023 .sm023 a, .sm024 .sm024 a,
.sm0211 .sm0211 a, .sm0212 .sm0212 a{
	color: #19398a!important; cursor: default; 
	background:url(../images/icon_arogrey.png) no-repeat 220px 10px!important;		
}

/* Accordian - PDF downloader
----------------------------------------------- */

.btn-dc { clear: both; display: block; width:137px; height: 30px; background: url('../images/acc-tabs-bg.png') repeat-x top left; }
h2.acc_trigger {
	border-top: 1px solid #DBDBDB; background: url('../images/btn-plus-minus.png') no-repeat;
	height:1.86em; width: 137px;font: normal 11px Arial, Helvetica, sans-serif;
	float: left; margin: 0 0!important;
}
h2.acc_trigger a {
	color: #666; text-decoration: none;
	display: block;	padding: 5px 0 0 5px;
	font: normal 11px Arial, Helvetica, sans-serif;
}
h2.acc_trigger a:hover {
	display: block;	padding: 5px 0 0 5px;
	color: #333; font: normal 11px Arial, Helvetica, sans-serif;
}
h2.active {	background-position: left bottom;}
.acc_container {
	margin: 0 0 5px; padding: 0 0; overflow: hidden;
	font-size: 10px; width: 137px; clear: both; background: #FFF;
}
.acc_container .block {	padding: 5px;}
.acc_container .block p {font-size:10px; padding: 3px 0; margin: 3px 0;}
.acc_container .block label {font-size:10px; font-family: Arial, Helvetica, sans-serif;}
.acc_container h3 { font: normal 10px Arial, Helvetica, sans-serif;	margin: 0 0 5px; padding: 0 0 3px 0; border-bottom: 1px dashed #EEEEEE; text-align:left;}
.acc_container img { float:none; margin: 3px 5px 0 0; padding: 0px;}
.acc_container a.d-pdf { float: none; display: block; clear: both;margin-bottom:4px;}


/*=UI-Top Menu
-------------------------------------------------------------------------------*/
ul#ui-topmenu      {
	display: none;
	visibility: hidden;
}
ul#ui-topmenu li   { float: left; position: relative;   }
ul#ui-topmenu li a.ui-nav001,
ul#ui-topmenu li a.ui-nav002,
ul#ui-topmenu li a.ui-nav003 {
	float: left;
	font-size:12px;
	color:#FFF;
	outline:0;
	text-decoration:none;
	display:block;
	padding: 8px 25px 9px 25px;
	border-top: 1px solid white;
	border-left: 1px solid white;
	}
	
ul#ui-topmenu li a.ui-nav001 {
	text-align: center;
	width: 203px;
	background:#22317F url(../images/bg_m_overview.png) repeat-x bottom left;
	}
ul#ui-topmenu li a.ui-nav002 {	
	text-align: center;
	width: 203px;
	background:#4EB8D4 url(../images/bg_m_pr.png) repeat-x bottom left;
	}

ul#ui-topmenu li a.ui-nav003 { 
	text-align: center;
	width: 203px;
	background:#575756 url(../images/bg_m_fs.png) repeat-x bottom left;
	border-right: 1px solid white;
	}
			
ul#ui-topmenu li a.ui-nav001:hover {
	color: #FFF; background: #213582!important; 
	-webkit-transition: all 0.5s ease-in-out; 
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out; 	
	}

ul#ui-topmenu li a.ui-nav002:hover {
	color: #FFF; background: #4EB8D4!important; 
	-webkit-transition: all 0.5s ease-in-out; 
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out; 	
	}
	
ul#ui-topmenu li a.ui-nav003:hover {
	color: #FFF; background: #575756!important; 
	-webkit-transition: all 0.5s ease-in-out; 
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out; 	
	}

/*info button*/
.btn_addinfo:link,
.btn_addinfo:visited{ 
	display: block; width: 200px!important; 
	background: url(../images/icon_quicklink.png) no-repeat 0px 0px;  
	padding: 6px 2px 6px 32px!important;
	border:1px solid #CCC!important;
	}
.btn_addinfo:hover {
	color: #444!important;
	background: #FFF  url(../images/icon_quicklink.png) no-repeat 0px 0px; 
	padding: 6px 2px 6px 32px!important;
	border:1px solid white!important;
	}

/*--*/
ul#ui-topmenu li .sub {
	width: 762px!important; 
	z-index:999999999999!important; 
	display: none; 
	position: absolute; 
	float: left; 
	padding:0px 0px 0px 0px;
	left:-9999em;
	top:36px;
	border-top:10px solid #1b1b1b;
	background:#CCC url(../images/bg_menurule.gif) repeat-x 0px 46px;
	-moz-border-radius: 0px 0px 4px 4px;
	-webkit-border-radius: 0px 0px 4px 4px;
	border-radius: 0px 0px 4px 4px;
	-webkit-box-shadow: 0px 1px 3px #000;
    -moz-box-shadow: 0px 1px 3px #000; 
    box-shadow: 0px 1px 3px #000;
 }

/*Custom positioininig for drop down content*/
ul#ui-topmenu li #sub-ui-001 { position: absolute; left: 1px; border-top: 10px solid #213582!important;  }
ul#ui-topmenu li #sub-ui-002 { position: absolute; left: -253px; border-top: 10px solid #4EB8D4!important;  }
ul#ui-topmenu li #sub-ui-003 { position: absolute; left: -507px; border-top: 10px solid #575756!important; background:#CCC!important; }


ul#ui-topmenu li .row	      { clear: both!important; float: left; width: 100%; margin-bottom: 0px; }
ul#ui-topmenu li .box         { float: left; width: 250px; padding:0 0; position: relative; }

ul#ui-topmenu li .box a:link, 
ul#ui-topmenu li .box a:visited { 
	font: normal 12px Arial, Helvetica, sans-serif; 
	color: #444; 
	display:block; 
	padding: 4px 4px 4px 10px;
	width: 200px;
	border-bottom: 1px solid white;
	}
ul#ui-topmenu li .box a:hover { 
	color: #FFF; 
	}

ul#ui-topmenu li .box ul { margin: 60px 20px; }
ul#ui-topmenu li .box ul.colLft { position: absolute; top: 60px; left: 30px; }
ul#ui-topmenu li .box ul.underimg { margin: -0px 10px; }

ul#ui-topmenu li #sub-ui-003 .colRT ul,
ul#ui-topmenu li #sub-ui-003 .colLft ul { margin: 10px 20px!important; }
ul#ui-topmenu li #sub-ui-003 .colLft ul { margin: 10px 30px!important; }

.addinfo:link,
.addinfo:visited{  
	background: url(../images/icon_quicklink.png) no-repeat 0px 10px!important;
	padding-left:32px!important;
	}
.addinfo:hover { 
	background: url(../images/icon_quicklink.png) no-repeat 0px 5px!important;
	padding-left:32px!important;
	}
	
/*
Theme Name : Mega Menu Complete Set
Item URI : http://codecanyon.net/item/mega-menu-complete-set/152825
Author URI : http://themeforest.net/user/Keliah
Version : 1.2
*/

/*

TABLE OF CONTENTS

01 MENU BAR
02 DROP DOWN COMMON CONTAINER
03 DROP DOWN SPECIFIC CONTAINERS
04 COLUMNS GRID
05 DROP DOWN TYPOGRAPHY
06 COLORS
07 VERTICAL VARIANT

*/



/*  _____________________________________________________________________________

    01 MENU BAR
    _____________________________________________________________________________  */



#menu_container {
	width:960px;
	height:44px;
	margin:0px auto;
	position: relative;
	border:solid 1px #000000;
}
#menu {
	list-style:none;
	z-index:9999;
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	line-height:1;
}
#menu li {
	float:left;
	margin:0px 12px 0px 0px;
	border:none;
}
#menu li:hover, .active {
	background:#FFF;
}
#menu li a {
	font-size:12px;
	color:#FFFFFF;
	outline:0;
	text-decoration:none;
	display:block;
	padding: 8px 0 10px 4px;
	width:185px;
}
#menu li a:hover { color:#0b2659!important ; }
#menu li:hover a {
	color:#FFFFFF;
}
#menu li .drop {
	width: 155px;
	padding-right:30px;
	background:url("../images/down.png") no-repeat right center;
}
/* Right aligned menu item */
#menu li.right {
	float:right;
	margin-right:-1px;
}
#menu li.right a {
	margin-right:5px;
}

/*  _____________________________________________________________________________

    02 DROP DOWN COMMON CONTAINER
    _____________________________________________________________________________  */

#menu li .dropcontent {
	margin:0px auto;
	position:absolute;
	left:-9999em;
	top:44px; /* Places the drop down under the menu bar */
	z-index:9998; /* For IE7 */
	padding:20px 0px 10px 0px;
	text-align:left;
	border-top:none;
	background:#CCC;
}
#menu li .dropfirst {
	margin:0px auto 0px -1px; /* Fixes a 1px issue for the 1st drop down */
}
/* Showing Drop Down on Mouse Hover - Left aligned */

#menu li:hover .dropcontent {
	left:auto;
}
/* Showing Drop Down on Mouse Hover - Right aligned */

#menu li .align_right {
	right:-1px;
}
#menu li:hover .align_right {
	left:auto;
	right:-1px;
}
/* Full width drop down */

#menu li .fullwidth {
	position: absolute;
	width: 960px;
	padding:24px 0px 10px 0px;
	left:-9999em;
	top:44px;
	border:1px solid #1b1b1b;
	border-top:none;
	background:#161616;
	-moz-border-radius: 0px 0px 4px 4px;
	-webkit-border-radius: 0px 0px 4px 4px;
	border-radius: 0px 0px 4px 4px;
}
#menu li:hover .fullwidth {
	display: block;
	z-index:9998;
	left: -1px;
}
/*  _____________________________________________________________________________

    03 DROP DOWN SPECIFIC CONTAINERS
    _____________________________________________________________________________  */


#menu .drop1column {
	width: 80px;
}
#menu .drop2columns {
	width: 160px;
}
#menu .drop3columns {
	width: 240px;
}
#menu .drop4columns {
	width: 320px;
}
#menu .drop5columns {
	width: 400px;
}
#menu .drop6columns {
	width: 480px;
}
#menu .drop7columns {
	width: 560px;
}
#menu .drop8columns {
	width: 640px;
}
#menu .drop9columns {
	width: 720px;
}
#menu .drop10columns {
	width: 800px;
}
#menu .drop11columns {
	width: 880px;
}
#menu .drop12columns {
	width: 960px;
}
/*  _____________________________________________________________________________

    04 COLUMNS GRID
    _____________________________________________________________________________  */



#menu .col_1, #menu .col_2,
#menu .col_3, #menu .col_4, 
#menu .col_5, #menu .col_6, 
#menu .col_7, #menu .col_8, 
#menu .col_9, #menu .col_10, 
#menu .col_11, #menu .col_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 15px;
	margin-right: 15px;
}
#menu .col_1 {
	width:50px;
}
#menu .col_2 {
	width:130px;
}
#menu .col_3 {
	width:210px;
}
#menu .col_4 {
	width:290px;
}
#menu .col_5 {
	width:370px;
}
#menu .col_6 {
	width:450px;
}
#menu .col_7 {
	width:530px;
}
#menu .col_8 {
	width:610px;
}
#menu .col_9 {
	width:690px;
}
#menu .col_10 {
	width:770px;
}
#menu .col_11 {
	width:850px;
}
#menu .col_12 {
	width:930px;
}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/*  _____________________________________________________________________________

    05 DROP DOWN TYPOGRAPHY
    _____________________________________________________________________________  */



/* Links */
#menu li .dropcontent a, #menu li .fullwidth a {
	text-transform:none;
	font-size:12px;
	display:inline;
	padding:0;
}
#menu li .dropcontent a:hover, #menu li .fullwidth a:hover {
	padding:0;
}

/* Lists */
#menu li ul {
	list-style:none;
	padding:0;
	margin:0 0 12px 0;
}
#menu li ul li {
	font-size:12px;
	line-height:24px;
	position:relative;
	padding:0;
	margin:0;
	float:none;
	text-align:left;
}
#menu li ul li:hover {
	background:none;
	border:none;
}
#menu ul.list, #menu ul.list2, #menu ol.num, #menu ol.num2 {
	margin:0 0 18px 20px;
	padding:0;
}
#menu ul.list li, #menu ul.list2 li, #menu ol.num li, #menu ol.num2 li {
	padding:0 0 0 12px;
	line-height:24px;
}
#menu .list li {
	list-style:disc;
}
#menu .list2 li {
	list-style:square;
}
#menu .num li {
	list-style:decimal;
}
#menu .num2 li {
	list-style:upper-latin;
}
#menu li .dropcontent ul.list li a, #menu li .dropcontent ul.list2 li a, #menu li .dropcontent ol.num li a, #menu li .dropcontent ol.num2 li a, #menu li .fullwidth ul.list li a, #menu li .fullwidth ul.list2 li a, #menu li .fullwidth ol.num li a, #menu li .fullwidth ol.num2 li a {
	color:#cccccc;
}
#menu li .dropcontent ul.list li a:hover, #menu li .dropcontent ul.list2 li a:hover, #menu li .dropcontent ol.num li a:hover, #menu li .dropcontent ol.num2 li a:hover, #menu li .fullwidth ul.list li a:hover, #menu li .fullwidth ul.list2 li a:hover, #menu li .fullwidth ol.num li a:hover, #menu li .fullwidth ol.num2 li a:hover {
	color:#ffffff;
}


/* Dropcap */

.dropcap {
	display:block;
	float:left;
	font-size:42px;
	line-height:36px;
	margin:2px 8px 0 0;
}
#menu .blackbg {
	background:#000000;
}

/*  _____________________________________________________________________________

    07 VERTICAL VARIANT
    _____________________________________________________________________________  */

#menu_container_vertical {
	float:left;
	position: relative;
}

#menu_container_vertical #menu li {
	margin:0px;
	width:185px;	
}
#menu_container_vertical #menu li a { font-size:12px; color: #444; text-transform: none; }

#menu_container_vertical #menu li .drop {
	padding-right:30px;
	background:url("../images/right.png") no-repeat right center;
}

#menu_container_vertical #menu li.right {
	float:left;
	margin-right:auto;
}

#menu_container_vertical #menu li.right a {
	margin-right:auto;	
}

#menu_container_vertical #menu li .dropcontent,
#menu_container_vertical #menu li .fullwidth {
	margin:-44px auto 0px 140px;
	top:auto;
	background: #CCC;
	-moz-border-radius: 0px 4px 4px 4px;
	-webkit-border-radius: 0px 4px 4px 4px;
	border-radius: 0px 4px 4px 4px;
	-webkit-box-shadow: 0px 1px 3px #000;
    -moz-box-shadow: 0px 1px 3px #000; 
    box-shadow: 0px 1px 3px #000;
	
}

#menu_container_vertical #menu li .dropfirst {
	margin:-45px auto 0px 140px; /* Fixes a 1px issue for the 1st drop down */
}
#menu_container_vertical #menu li .align_right {
	right:auto;
}
#menu_container_vertical #menu li:hover .align_right {
	left:auto;
	right:auto;
}
#menu_container_vertical #menu .levels li:hover ul ul,
#menu_container_vertical #menu .levels li:hover ul ul ul {
	left: -999em;
}
#menu_container_vertical #menu .levels li:hover ul {
	left: 130px;
}
#menu_container_vertical #menu .levels li li:hover ul, #menu_container_vertical #menu .levels li li li:hover ul {
	left: 130px;
}


/* IE7 styles
------------------------------------------------------------------*/
.ie7 	#ui-topmenu  {
 top: 34px;	
}
.ie7 .toolbar { 
	width: 100%; background: url('../images/bg_head_tools.png') repeat-x top left!important;
	position: absolute; height: 70px;
	top: 0; 
	left: 0;
	z-index: 1;
}
.ie7 #main {
	z-index: 122;
	display: block;
	width: 1000px; /*width of content area: aside, article and footer*/
	margin: 30px auto;
	clear: both;
	background: white;
	min-height: 900px;
	}
.ie7 #menu_container {
	top: 40px;
	}

/* Search
----------------------------------------------------------------------------*/
#searchForm {
	width: 710px;
	/* The search form. */
	background-color:#0C396C;
	padding:20px 20px 10px;
	margin-bottom: 20px;
	position:relative;
}
fieldset {
	border:none;
}
#searchInputContainer {
	/* This div contains the transparent search box */
	width:420px;
	height:36px;
	background:url('../images/searchBox.png') no-repeat;
	float:left;
	margin-right:12px;
}
#s {
	/* The search text box. */
	border:none;
	color:#888888;
	background:url('../images/searchBox.png') no-repeat;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	height:36px;
	line-height:36px;
	margin-right:12px;
	outline:medium none;
	padding:0 0 0 35px;
	text-shadow:1px 1px 0 white;
	width:385px;
}

/* The UL that contains the search type icons */
.icons {
	width:100px;
	list-style:none;
	margin:10px 0 0 335px;
	height:19px;
	position:relative;
}
.icons li {
	background:url('../images/icons.png') no-repeat;
	float:left;
	height:19px;
	text-indent:-9999px;
	cursor:pointer;
	margin-right:5px;
}
/* Styling each icon */

li.web {
	width:15px;
}
li.web.active, li.web:hover {
	background-position:left bottom;
}
li.images {
	width:22px;
	background-position:-18px 0;
}
li.images.active, li.images:hover {
	background-position:-18px bottom;
}
li.news {
	width:14px;
	background-position:-44px 0;
}
li.news.active, li.news:hover {
	background-position:-44px bottom;
}
li.videos {
	width:17px;
	background-position:right 0;
}
li.videos.active, li.videos:hover {
	background-position:right bottom;
}

span.arrow {
	/* The little arrow that moves below the icons */
	
	width:11px;
	height:6px;
	margin:21px 0 0 5px;
	position:absolute;
	background:url('../images/arrow.png') no-repeat;
	left:0;
}

/* The submit button */
#submitButton {
	background:url('../images/buttons.png') no-repeat;
	width:83px;
	height:36px;
	text-indent:-9999px;
	overflow:hidden;
	text-transform:uppercase;
	border:none;
	cursor:pointer;
}
#submitButton:hover {
	background-position:left bottom;
}

/* The Search tutorialzine.com / Search the Web radio buttons */
#searchInContainer {
	float:left;
	margin-top:1\px; margin-top:5px;
	width:330px;
}
label {
	color:#DDDDDD;
	cursor:pointer;
	font-size:11px;
	position:relative;
	right: -2px;
	top: -2px;
	margin-right:10px;
	white-space:nowrap;/*float:left;*/
}
input[type=radio] {
	cursor:pointer;/*float:left;*/
}

/* Styling the search results */
.pageContainer {
	/* Holds each page with search results. Has an inset bottom border. */
	border-bottom: 1px solid #5e7481;
	margin-bottom: 50px;
	/* Adding a dark bottom border with box shadow */
}

p.notFound {
	text-align: center;
	padding: 0 0 40px;
}

/* Web & news results */
.webResult {
	margin-bottom:20px;
	width: 520px;
}
.webResult h2 {
	font-size:14px;
	border-bottom: 1px dotted #333;
}
.webResult h2 b {
	color: #19398A;
}
.webResult h2 a {
	color: #444;
	border: none;
}
.webResult p {
	line-height:1.5;
	padding:15px 0px;
}
.webResult p b {
	color: #19398A;
}
.webResult > a {
	margin-left:0px;
}

/* Image & video search results */
.imageResult {
	float:left;
	height:180px;
	margin:0 0 20px 40px;
	text-align:center;
	width:152px;
	overflow:hidden;
}
.imageResult img {
	display:block;
	border:none;
}
.imageResult a.pic {
	border:1px solid #fff;
	outline:1px solid #777;
	display:block;
	margin:0 auto 15px;
}
/* The show more button */

#more {
	width:83px;
	height:24px;
	background:url('../images/more.png') no-repeat;
	cursor:pointer;
	margin:40px auto;
}
#more:hover {
	background-position:left bottom;
}

.clear {
	clear:both;
}

/*
ADD NOTE PAGE - POP UP*/
.noteRt ,.noteLft{ display: block; float: left;  margin-top: 10px;}

noteLft {
	width: 300px;
}
.noteRt {
	width: 390px;
	margin-left: 10px;
	max-height: 380px; overflow:scroll ;
	}
	
body#addnotepage { background: white!important;}
.divAddnote { 
	position: absolute; top: 0 ; left: 0; 
	width: 790px; height: 360px; 
	border-top: none!important;
	padding: 2px;
	}
	
.divAddnote h1 {
	background: #C6C6C6;
	width: 790px;
	padding: 4px 0 4px 10px;
}
.divAddnote h3 {
	color:  #19398a;
	font-size:12px;
}
input#addnote {
	text-align:left!important;
	background:#19398a url('../images/btn_addnoteplus.png') no-repeat 74px 4px ; color: #FFF;
	border: none!important; 
	width: 100px;
	padding: 4px 4px 4px 10px; 
	display: block;
	position: relative; right: 10px; top: 10px;
	font-size: 11px!important;
}
input#addnote:hover { 
	background: Green url('../images/btn_addnoteplus.png') no-repeat 74px 4px ; color: #FFF;
	border: none!important; 
	padding: 4px 24px 4px 10px; 
	display: block;
}

.btn_delete:link,.btn_delete:visited {
	display: block; color: #F00; width: 50px; 
	padding: 4px 18px 4px 4px; 
	background:#FFF url('../images/btn_addnoteminus.png') no-repeat 50px 4px;
	font-size: 10px;
	
	}
	.btn_delete:hover { background-color: red; color: white; }

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../images/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url(../images/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(../images/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(../images/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(../images/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(../images/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(../images/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(../images/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(../images/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}


/*Downloads styles*/
ul.downloads { width: 340px; overflow:hidden;}
ul.downloads li { width: 340px; background: url('../images/icon_acrobat8_ds.gif') no-repeat 500px 4px; border-bottom: 1px solid #EFEFEF;}
ul.downloads li a:link, 
ul.downloads li a:visited { 
	color:#666; display: block; 
	width:370px; padding:5px;
	position:relative;
	}
ul.downloads li a:hover { color: #00205A ; background:#FFF;
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out; 
	-o-transition: all 0.3s ease-in-out; 
	transition: all 0.3s ease-in-out;
	}
ul.downloads li a span {
	width:40px;
	text-align:right;
	position: absolute;
	left: 263px;
	top: 11px;
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #999;
	margin: 0 10px;
}

ul.downloads li.mainDload { 
	width: 340px; background: #D7F2FD url('../images/icon_acrobat8_ds.gif') no-repeat 315px 4px; 
	border-bottom: 1px solid #EFEFEF; border-top: 1px solid #EFEFEF; margin: 10px 0;}
ul.downloads li.mainDload a:hover {color: #00205A ; background:none;
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out; 
	-o-transition: all 0.3s ease-in-out; 
	transition: all 0.3s ease-in-out;
	}
	
ul.downloads li.stdDload { 
	width: 340px; 
	background: #EAEAEA url('../images/icon_acrobat8_ds.gif') no-repeat 320px 5px; 
	border-bottom: 1px solid #EFEFEF; border-top: 1px solid #EFEFEF; margin: 10px 0;}
ul.downloads li.stdDload a:hover {
	color: #00205A ; 
	background:#FFF url('../images/icon_acrobat8_ds.gif') no-repeat 320px 5px;
	-webkit-transition: none; 
	-moz-transition: none; 
	-o-transition: none; 
	transition:  none; 
	}

ul.downloadsWide { width: 720px; overflow:hidden;}
ul.downloadsWide li { width: 720px; background: url('../images/icon_acrobat8_ds.gif') no-repeat 700px 4px; border-bottom: 1px solid  #EFEFEF;}
ul.downloadsWide li a:link, ul.downloadsWide li a:visited { 
	color:#666; display: block; 
	width:720px; padding:5px;
	position: relative;
	}
ul.downloadsWide li a:hover { color: #00205A ; background:#FFF url('../images/icon_xcell.gif') no-repeat 680px 4px;
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out; 
	-o-transition: all 0.3s ease-in-out; 
	transition: all 0.3s ease-in-out;
	}
ul.downloadsWide li a span { width:40px; text-align:right;
	font: normal 10px Arial, Helvetica, sans-serif; color: #999 ; margin: 0 10px;
	position: absolute; left: 620px; 
	}
ul.downloadsWide li.xcells { width: 720px; background: url('../images/icon_xcell.gif') no-repeat 680px 4px; border-bottom: 1px solid  #EFEFEF;}


.greyRule { border-bottom:1px solid #CCC; }


/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer {
	overflow: hidden;
	position: relative;
}
.jspPane {
	position: absolute;
}
.jspVerticalBar {
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 100%;
	background: red;
}
.jspHorizontalBar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}
.jspVerticalBar *, .jspHorizontalBar * {
	margin: 0;
	padding: 0;
}
.jspCap {
	display: none;
}
.jspHorizontalBar .jspCap {
	float: left;
}
.jspTrack {
	background: #dde;
	position: relative;
}
.jspDrag {
	background: #bbd;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
	float: left;
	height: 100%;
}
.jspArrow {
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}
.jspArrow.jspDisabled {
	cursor: default;
	background: #80808d;
}
.jspVerticalBar .jspArrow {
	height: 16px;
}
.jspHorizontalBar .jspArrow {
	width: 16px;
	float: left;
	height: 100%;
}
.jspVerticalBar .jspArrow:focus {
	outline: none;
}
.jspCorner {
	background: #eeeef4;
	float: left;
	height: 100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
	margin: 0 -3px 0 0;
}
.jspHorizontalBar, .jspVerticalBar, .jspTrack {
	background: #eeeef4;
}
.jspDrag {
	background:  #0B2559;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.jspTrack .jspActive, .jspTrack .jspHover, .jspDrag:hover {
	background: #66CCFF;
}
.jspArrow {
	background:  url(../image/ui-icons_222222_256x240.png) no-repeat;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.jspVerticalBar>.jspActive, .jspArrow:hover {
	background-image: url('../image/ui-icons_cd0a0a_256x240.png');
}
.jspVerticalBar>.jspDisabled, .jspVerticalBar>.jspDisabled:hover, .jspHorizontalBar>.jspDisabled, .jspHorizontalBar>.jspDisabled:hover {
	background-color: transparent;
	background-image: url('../image/ui-icons_888888_256x240.png');
}
.jspVerticalBar .jspArrow {
	height: 15px;
}
.jspHorizontalBar .jspArrow {
	width: 15px;
}
.jspArrowUp {
	background-position: 0 0;
}
.jspArrowDown {
	background-position: -64px 0 !important;
}
.jspArrowLeft {
	background-position: -96px 0 !important;
}
.jspArrowRight {
	background-position: -32px 0 !important;
}


.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* Print
--------------------------------------------------------------------------------------------------------*/
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } 
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } 
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}