/*   
CSS Style: Default
Description: Developed by Webtrendz for Birt bespoke
Author: Rahim Haji
URL: www.webtrendz.co.uk
Version: 1.0
*/

html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, acronym, address, del, em, img, 
strike, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td {
	background:transparent no-repeat 0 0;
	border:0;
	font-size:100%;
	margin:0;
	outline:0;
	padding:0;
	text-align:left;
	vertical-align:baseline
}

body {
	background:#000 url(../img/design/site-bg3.jpg);
	color:#71796C;
	font:62.5% verdana, arial, helvetica, sans-serif;
	line-height:140%;
	text-align:center;
	color:#fff;
}
address{
	font-size:1.3em;
	line-height:1.2em;
	clear:both;
	margin:0 10px 10px
}

ol, ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
li{
	margin-bottom:5px;
	line-height:1.5em;
}
ol.num{
	clear:both;
	float:left;
	width:90%;
	padding-left:20px;
	*padding-left:23px
	
}
ol.num li{
	list-style-type:decimal;
	list-style-position: outside;
	clear:both}
ul.bull{
	margin:10px 10px 10px 20px;
	clear:both;
}
ul.bull li, ul.num li ol.bull li{
	list-style-type:disc;
}
p{
	line-height:1.7em;
}
h1,h2,h3,h4,h5,h6 {
	font-weight:700;
	line-height:130%;
	clear:both
}
strong {
	font-weight:700;
	line-height:130%;
}
h1{
	color:#000;
	font-size: 1.3em;
	margin-bottom:13px;
}
h2{
	color:#EC008A;
	font-size: 1.2em;
	clear:both
}
h3{
	color:#fff;
	font-size:1.3em;
	clear:both
}
h4{
	color:#fff;
	font-size:1.2em;
}
h5, h6{
	color:#6F6F6F;
	font-size:1.2em;
}
abbr,acronym {
	border-bottom:1px dotted #000;
	cursor:help
}

em {
	font-style:italic
}

p,fieldset,table {
	margin-bottom:1em
}

sup {
	vertical-align:super;
	font-size:0.8em;
	font-weight:normal;
}

p, td, th, li, dt, dd, .bp input { font-size:1.151em; *font-size: 1.2em; } 

a {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	color:#EC008A;
}
#accessibility { left: 0; height: auto; width: auto;}
#accessibility a {left: -999em; position: relative;}
#accessibility a:focus { left: 0; }

#wrapper{
	width:900px;
	margin: 15px auto 0;
	overflow:hidden;
}

.underline{
	border-bottom:1px solid #fff;
}
#header ul.account-nav{
	clear:both;
	float:right;
	margin-top:2px;
}
#header ul.account-nav li{
	float:right;
	width:auto;
	padding-right:8px;
	margin-left:7px;
	font-size:0.8em;
	*font-size:0.9em;
	border-right:1px solid #636c5c;
}
#header ul.account-nav li a{
	font-weight:normal;
	color:#636c5c;
}
#header ul.account-nav li.first{
	border:0;
}
#site{
	clear:both;
	float:left;
	width:auto;
	margin-top:30px;
	border:1px solid #fff;
	background:#000;
}
#footer{
	clear:both;
	float:left;
	width:100%;
	margin:10px 0;
}
.logo{
	float:left;
	width:200px;
	text-align:center;
	height:87px;
	
}
.logo a img{
	border:0;
	margin:0 auto;
}
#site .col1{
	float:left;
	width:210px;
	margin:10px 0 0 5px;
	_margin-left:0px;
	display:inline
}
#site .col2{
	float:left;
	width:auto;		
	background:#727070;
} 

.content {padding:10px;}
.content h1{color:#000; border-bottom:1px dotted #454343; font-size:1.6em}

.contentArea{
	width:97%;
	clear:both;
	float:left;
	padding:10px;
	min-height:46em;
}
.contentArea ul{
	clear:both;
	float:left;
	width:100%;}

.contentArea ul li{
	float:left;
	margin:10px;
	text-align:center;
}
.contentArea ul li a .lnktxt{
	display:block;
	text-align:center;
	font-size:1em;
}
.scrollArea h1{
	font-size:1.5em;
}
.tabsWidget2{
	margin-top:0;
}
.contentcontainer{
	width:676px;
	overflow:hidden;
}

.contentcontainer p{
	clear:both;
	float:left;
	width:100%;
}
.contentcontainer ul{
	clear:both;
	float:left;
	width:100%;
}
.contentcontainer ul li{
	list-style-image:none;
	list-style-position:inside;
	list-style-type:disc;
}

#footer ul{
	margin-top:10px;
	width:99%;
	float:left;
}
#footer ul li{
	margin-top:10px;
	border-right:1px solid #71796c;
	padding:0 10px;
	float:right;
}
#footer ul li.first{
	padding-right:0;
	border-right:0;

}
#footer ul li.nobdr{
	border:0
}
.webtrendz{
	float:left;
	width:100%;
	text-align:right;
	margin-top:70px;
}
.webtrendz a{
	color:#666666;
	font-size:1em;
}

span.required{
	color:#FF0000;
}
.loginarea li label,
.registerarea li label{
	width:180px;
	float:left;
}
.loginarea li input,
.registerarea li input,
.loginarea li select,
.registerarea li select,
.loginarea li textarea,
.registerarea li textarea{
	float:left;
	margin:0 3px;
	-moz-border-radius-bottomleft:0.4em;
	-moz-border-radius-bottomright:0.4em;
	-moz-border-radius-topleft:0em;
	-moz-border-radius-topright:0m;
	border:1px solid #DDDDDD;
}


/* #### NAVIGATION ####  */	
/* Level 1 Styles */
#navArea                {float:left;clear:both;width: 190px;margin: 10px 0 0px 4px;	}
#navArea span           {display:block;}
#navArea ul {list-style: none;font-size: .75em;margin: 7px 0 0 5px;padding: 0;width:180px;float:left;clear:both; }
#navArea ul.hidden      {display:none;}
#navArea ul.visible     {display:block;}
#navArea ul li          {clear:both;float:left;margin-bottom:0;list-style: none;list-style-type:none;}
#navArea ul li:hover ul {display:block;}
#navArea ul li:focus ul {display:block;}
#navArea ul li a        {display: block;width: 139px;padding: 5px 18px;margin: 0;margin-bottom: 5px;color: #FFFFFF;
						 background:#222 url(../img/design/tab_bg.png) repeat-y;
						 border:1px solid #1a1a1a;text-decoration: none;font-size:1em;*font-size:1.3em;
}
#navArea ul li a:hover,
#navArea ul li a.active {color:#EC008A;background:#0F0F0F url(../img/design/tab_on_bg.png) repeat-y;}
#navArea ul li a.active     {color:#868686;background:#0F0F0F url(../img/design/tab_on_bg.png) repeat-y;}

/* Level 2 Styles */
#navArea ul ul      {float:left;display:none;margin:0 0 3px 13px;_margin-left:5px; *height:75px}
#navArea ul ul li   {float:left;clear:both;margin-bottom:1px; line-height:1.2em; *line-height:1.5em}
#navArea ul ul li a {color:#000;display:block;padding:1px 0 1px 18px;width:130px;margin:0;
					 background:#494949 url(../img/design/tab_bg.png) repeat-y;
}
#navArea ul ul li a span  {font-size:1em;}
#navArea ul ul li a:hover {color: #EC008A;background:#0F0F0F url(../img/design/tab_on_bg.png) repeat-y;}


/* #### PAGER CAROUSEL ####  */

.galCarousel {margin:0;overflow:hidden;padding:0;position:relative;z-index:1;height:504px;overflow:hidden;}
.galCarousel li {float: left;list-style:none !important;list-style-type:none !important;margin:0;height:504px;}

.galCarouselCont .galCarouselNav li{float:left;list-style-type:none;margin:0px 2px 0 2px; list-style:none}
.galCarouselCont .galCarouselNav a {font-size:11px;text-decoration:none;padding:0px;margin: 0 0 5px 0;
								 	 color:#fff;width:15px;height:20px;background-color: #fff;font-weight: bold;
									 border: 1px solid #000;text-align:center;display:block;}
.galCarouselCont .galCarouselNav a span {display:none;}
.galCarouselCont .galCarouselNav li a:hover,
.galCarouselCont .galCarouselNav li.active a       {background-color: #EC008A;color: #EC008A;}
.galCarouselCont .galCarouselNav li.active a:hover {margin:0;}
.galCarouselCont .galCarouselNav a:focus, 
.galCarouselCont .galCarouselNav a:active {outline: none;}
.galCarouselCont .galCarouselNav {background:transparent url(../img/design/carousel-control-bg.png) repeat 0%;
									margin:10px 0pt 0pt 10px;padding:10px 0pt 0pt 10px;
									position:absolute;text-align:left;width:320px;z-index:3;height:24px;}
.galCarouselCont .galCarouselBody  {margin:0;overflow:hidden;padding:0;position:relative;z-index:2;}

/* #### CIRCULAR CAROUSEL ####  */
.galCircle {width:650px !important;display:none;list-style:none !important;background:#727070;}
.galCircleCont {margin:0 0 0 20px;height:460px;width:650px;overflow:hidden;}
.galCircleBody {height:200px !important;margin:130px 0 40px 0;position:relative;}
.galCircleBody .galCircle{display:block;}
.galCircle li {width:70px;height:70px;background-position:5px 0;background-color:transparent;background-repeat:no-repeat;list-style:none !important;}

.galCircle li img{height:70px;margin-bottom:10px;border:0px solid #000;cursor:pointer;}
.galCircle li:hover img{border:1px solid #EC008A;width:75px;height:75px;}
.galCircle li img.reflection{width:70px;}
.galCircle li:hover img.reflection{border:1px solid #EC008A;width:75px;height:75px;}
.galCircle li:hover canvas{border:0;width:76px !important;}

.galCircleBody .popup:hover{border:0;}
.galCircleBody .popup img{float:left;margin:5px 10px 5px 5px;border:1px solid #000;height:200px;width:150px;}
.galCircleBody .popup img:hover{border:1px solid #EC008A;height:200px;width:150px;}
.galCircleBody .popup{height:211px;width:400px;background-color:#000;}
.galCircleBody .popup h1{float:left;width:225px;clear:none;margin:5px 0;color:#EC008A;font-size:1.2em}
.galCircleBody .popup p{float:left;width:225px;clear:none;font-size:0.9em}
.galCircleBody .popup .imageEnlarge {background:#222222;float:left;height:25px;margin-top:-41px;margin-left:5px; text-align:center;padding:10px 0px 0;display:inline;width:151px;opacity:0.7;/* For IE 5-7 */filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);/* For IE 8 (and 9, 10, 11?). Don't miss the added quotes */-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; cursor:pointer}
/* carousel contrtols */

.galCircleCont a.rewind   {margin-left:240px;display:block;height:24px;width:24px;float:left; margin-right:5px;margin-top:20px;
							background:url(../img/design/rewnd_24.png) no-repeat;}
.galCircleCont a.back     {display:block;height:24px;width:24px;float:left;margin-right:5px;margin-top:20px;
							background:url(../img/design/back_24.png) no-repeat;}
.galCircleCont a.stop     {display:block;height:24px;width:24px;float:left;margin-right:5px;margin-top:20px;
							background:url(../img/design/stop_24.png) no-repeat;z-index:9999;}
.galCircleCont a.forward  {display:block;height:24px;width:24px;float:left;margin-right:5px;margin-top:20px;
							background:url(../img/design/fwd_24.png) no-repeat;}
.galCircleCont a.fforward {display:block;height:24px;width:24px;float:left;margin-top:20px;
							background:url(../img/design/ffwd_24.png) no-repeat;}


/* #### SCROLL ####  */
.scrollArea{height:440px;overflow-y:scroll;width:310px;float:left;position:relative;z-index:4;padding:10px;padding-bottom:0;
	background:url(../img/design/carousel-control-bg.png);margin:-460px 10px 0 10px;
}

.scrollContainer{display:block;float:left;height:430px;width:290px;overflow:hidden;	}
.scrollBar{float:left;margin-left:4px;width:11px;}
.scrollBar .scrollTrack{margin:5px auto;overflow:hidden;width:11px;
	background:url(../img/design/scroll-track.png) repeat-y 0; 
	_background:url(../img/design/scroll-track.gif) repeat-y 0;
}
.scrollBar .up a{display:block;height:11px;width:11px;
	background:url(../img/design/btn-up.png) no-repeat;_background:url(../img/design/btn-up.gif) no-repeat;
}
.scrollBar .up a:hover{
	background:url(../img/design/btn-up-on.png) no-repeat;_background:url(../img/design/btn-up-on.gif) no-repeat;
}
.scrollBar .down a{	display:block;height:11px;width:11px;
	background:url(../img/design/btn-dn.png) no-repeat;_background:url(../img/design/btn-dn.gif) no-repeat;
}
.scrollBar .down a:hover{
	background:url(../img/design/btn-dn-on.png) no-repeat;_background:url(../img/design/btn-dn-on.gif) no-repeat;
}
.scrollBar .scrollTrack .bar {display:block;margin:0 auto;width:11px;cursor:pointer;
	background:transparent url(../img/design/scroll-bar.png) repeat-y 0;
	_background:transparent url(../img/design/scroll-bar.gif) repeat-y 0;
}


/* #### LIGHTBOX ####  */
.Lightbox {text-align:center;}
.Lightbox .image 					{background-color:white;position:relative;}
.Lightbox .image img				{margin:10px;display:block;}
.Lightbox .loader		{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(../img/lightbox/loading.gif) center center no-repeat;}
.Lightbox .image .buttons			{height:100%;left:0;position:absolute;top:0;left:0;width:100%;z-index:10;}
.Lightbox .image>.buttons			{left: 0;}
.Lightbox .image .buttons a{ outline: none;}
.Lightbox .image .buttons a.prev, .Lightbox .image .buttons a.next{width: 49%;	height: 100%;	background: transparent url(../img/design/blank.gif) no-repeat; /* Trick IE into showing hover */	display: block;	}
.Lightbox .image .buttons a.prev { left: 0; float: left;}
.Lightbox .image .buttons a.next { right: 0; float: right;}
.Lightbox .image .buttons a.prev:hover, .Lightbox .image .buttons a.prev:visited:hover { background:url(../img/design/prevlabel.gif) left 50% no-repeat; }
.Lightbox .image .buttons a.next:hover, .Lightbox .image .buttons a.next:visited:hover { background: url(../img/design/nextlabel.gif) right 50% no-repeat; }
.Lightbox .panel 					{background-color:white;}
.Lightbox .panel p					{color:black;font-size:1em;margin-left:10px;}
.Lightbox .panel h1					{font-size:1em;margin:0 0 0 10px;}
.Lightbox .panel h2					{font-size:0.9em;margin:5px 10px 0 10px; color:#333333; font-weight:normal;}
/* panel contrtols */
.Lightbox .panel a.next				{color:#EC008A;padding-left:10px;}
.Lightbox .panel a.prev				{color:#EC008A;padding-right:10px;}
.Lightbox .panel a.close			{display:block;padding-left:10px;height:24px;margin-right:10px;
										background:url(../img/design/closelabel.gif) no-repeat bottom right;}
.Lightbox .panel a.close:hover			{background:url(../img/design/closelabel-hover.gif) no-repeat bottom right;}


/* #### FORM ####  */
form {}
form ol, form ul{margin: 0; padding: 0;list-style:none;}

form fieldset	{border:1px solid #B5B8C8;margin-bottom:10px;padding:10px 10px 5px;}
form legend		{color:#15428B;font-weight:bold;font-size:12px;}
form label		{float:left;padding:0 15px;text-align:right;width:150px;color:#606060;}

form ul li {margin: 0;padding: 2px;}

form ul li.required label	{background:url(../img/design/asterisk.gif) no-repeat right top;}
form ul li.error label	{}
form ul li.error span 	{color:red;}

form span.ctrlMsg,form span.ctrlDscr {clear:both;display: block;padding:1px;font-size:11px;}
form span.mceEditor{clear:both;}

form input.cpt{width:70px;margin:3px 0 0 2px;}
form img.cpt{float:left;}

form input[type=text], 
form input[type=password], 
form textarea	{width:150px;padding:3px;line-height:0.8em;border:1px solid #ccc;}

form select							{width:150px;padding:1px;}
form input button					{background:#efefef;color:#000;}
form input:focus, textarea:focus	{background:#efefef;color:#000;}
form button {cursor:pointer;}

form .msgError    {width:96%;color:red;border:1px solid #ccc;padding:5px;margin-bottom:10px;background:#EAEAEA;}

/* #### FORM CONTACT #### */
.formContact {padding:0px; clear:both; float:left; width:100%;}
.formContact label		{clear:both;padding:0;text-align:left;width:100%;color:#fff;}
.formContact span.span.ctrlMsg,.formContact span.ctrlDscr {margin:1px 0;padding:0px 3px;color:#000;font-weight:bold;line-height:1em}
.formContact ul {margin:0;padding:0;width:100%;list-style:none !important;clear:both; float:left;width:98%;}
.formContact ul li {margin: 0;padding: 2px 2px 2px 10px;clear:both;float:left;width:98%;list-style:none !important;}
.formContact .required label {background:none;}
.formContact {padding:0px; clear:both; float:left; width:100%;}
.formContact .required 	{background:url(../img/design/required.png) no-repeat 0 5px; _background:url(../img/design/required.gif) no-repeat 0 5px}
.formContact .error		{background:url(../img/design/error-required.png) no-repeat 0 5px; _background:url(../img/design/error-required.gif) no-repeat 0 5px}
.formContact .error label	{color:#fff;}
.formContact .error span 	{color:#EC008A}

.formContact input[type=text], 
.formContact input[type=password], 
.formContact textarea	{background:#fff;border:1px solid #fff;}

.formContact li.error input[type=text], 
.formContact li.error input[type=password], 
.formContact li.error textarea	{border:1px solid #EC008A;}
.formContact .submit	{background:#000; border:1px solid #fff;margin-top:10px;}
.formContact .submit span {color:#EC008A;}

.formContact .msgError{
	color:#EC008A;
	font-size:1.3em;
	border:1px solid #000;
	background:#5A5A59;width:96%;}

.formContact .submitLbl {display:none;}

/* #### NEWSLETTER CONTAINER #### */
.Newsletter{clear:both;float:left;width:180px;margin:15px 0pt 0px 10px; display:none} 
.Newsletter h1{color:#EC008A;margin-bottom:5px;}
.Newsletter p{ font-size:94%; display:none}
.Newsletter .formSubscribe li.error span {color:#EC008A}
.Newsletter .formSubscribe ul li.error label{color:#EC008A}

.bgModal {background-color:#000;position:absolute;top:0;left:0;}