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

/* RESET */
html, body, div, span, applet, object, iframe,  
h1, h2, h3, h4, h5, h6, blockquote, pre,  
a, abbr, acronym, address, big, cite, code,  
del, dfn, em, font, img, ins, kbd, q, s, samp,  
small, strike, strong, sub, sup, tt, var,  
b, u, i, center,  
dl, dt, dd, ol, ul, li,  
fieldset, form, label, legend,  
table, caption, tbody, tfoot, thead, tr, th, td {  
    margin: 0;  
    padding: 0;  
    border: 0;  
    outline: 0;  
    font-size: 100%;  
    vertical-align: baseline;  
    background: transparent;  
}  

body {background: #000; font-family: Arial, verdana, sans-serif; color: #333; font-size:12px}  

p {
	line-height:22px;
	padding:5px 0 5px 0;
	font-size:12px
}

.container {margin: 0 auto; width: 930px;} 
.container2 {margin: 0 auto; width: 930px; padding:0 10px 0 10px;} 

/* Header */
	#header-bg {background-image:url(../images/header-bg2-black1.jpg); background-repeat:repeat-x}
	
	#header { background-position:top; height:119px} 
	
	#header-inner { height:124px; width:930px; margin:0 auto; position:relative; }
	
	#logo {float:left; margin:8px 0 0 0; height:83px }

	#toptag {float:left; position:relative; top:60px; left:-45px; color:#fff}
	
	#livechat {padding:10px 20px 0px 0px; margin-top:-5px;  float:left; font-weight:bold}
	
	#meta a:link {font-size:14px; color:#fff; text-decoration:none;}      /* unvisited link */
	#meta a:visited {font-size:14px; color:#fff; text-decoration:none}  /* visited link */
	#meta a:hover {font-size:14px; color:#fff; text-decoration:none}  /* mouse over link */
	#meta a:active {font-size:14px; color:#fff; text-decoration:none}  /* selected link */

	#meta {float:right; height:40px; margin:35px 0 0 0; position:relative}
	
	#login
    {
      display: block;
      width: 81px;
      height: 28px;
      background: url("../images/login-button.jpg") no-repeat 0 0;
      float:left

    }

    #login:hover
    { 
      background-position: 0 -28px;
    }

    #login span
    {
      display: none;
    }
    
	#meta a.button {
		/* Sliding right image */
		background: transparent url('../images/right2.png') no-repeat scroll right; 
		display: block;
		float: left;
		height: 28px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
		margin-right: 0px;
		padding-right: 24px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
		/* FONT PROPERTIES */
		text-decoration: none;
		color: #fff;
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:bold;
	}
	#meta a.button span {
		/* Background left image */ 
		background: transparent url('../images/left2.png') no-repeat; 
		display: block;
		line-height: 14px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
		padding: 7px 0 0 18px;
		height:39px;
		margin:0 0px 0 0
	} 
	#meta a.button:hover {
		/* Sliding right image */
		background: transparent url('../images/right_active2.png') no-repeat scroll right; 
		display: block;
		float: left;
		height: 28px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
		margin-right: 0px;
		padding-right: 24px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
		/* FONT PROPERTIES */
		text-decoration: none;
		color: #fff;
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:bold;
	}
	
	#meta a.button:hover span{
		/* Background left image */ 
		background: transparent url('../images/left_active2.png') no-repeat; 
		display: block;
		line-height: 14px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
		padding: 7px 0 0 18px;
		height:28px;
		margin:0 0px 0 0
	}

	#bottom-header{width:100%; float:left; margin:7px 0 0 0}

/* Search styling */
.search-fieldset{ color:#8f0100; margin:0; padding:0}
#search-box{padding-bottom:0px; float:left; height:15px; margin:-4px 0 0 0; color:#8f0100}
#search{float:right; width:auto; color:#8f0100}
#s{font:12px Helvetica, Arial, sans-serif; font-size:11px; color:#8f0100; padding:4px 30px 4px 3px;  width:185px;}
#s:focus{color:#8f0100;}
#search .go{position:absolute; margin:0px 0 0 -26px; float:right}
	
	#nav-menu {font-size:14px;}


					/* Navigation styling */
					.sf-menu, .sf-menu * {
						margin:			0;
						padding:		0;
						list-style:		none;
						z-index:		100;
					}
					.sf-menu {
						line-height:	1.0;
					}
					.sf-menu ul {
						position:		absolute;
						top:			-999em;
						width:			200px; /* left offset of submenus need to match (see below) */
						
					}
					.sf-menu ul li {
						width:			100%;
					}
					.sf-menu li:hover {
						visibility:		inherit; /* fixes IE7 'sticky bug' */
					}
					.sf-menu li {
						float:			left;
						position:		relative;
						border-right:	1px solid #8e8c8c;	
					}
					.sf-menu li.last {
						border-right:none;
					}
					.sf-menu li.current a {
						color: #fff;	
					}
					.sf-menu li a:hover {
						color: #d30100;	
					}
					.sf-menu a {
						display:		block;
						position:		relative;
					}
					.sf-menu li:hover ul,
					.sf-menu li.sfHover ul {
						left:			0;
						top:			22px; /* match top ul list item height */
						z-index:		100;
					}
					.sf-menu li.sfHover ul li {
						left:			0;
						top:			-1px; /* match top ul list item height */
						z-index:		100;
					}
					
					ul.sf-menu li:hover li ul,
					ul.sf-menu li.sfHover li ul {
						top:			-999em;
					}
					ul.sf-menu li li:hover ul,
					ul.sf-menu li li.sfHover ul {
						left:			14em; /* match ul width */
						top:			0;
					}
					ul.sf-menu li li:hover li ul,
					ul.sf-menu li li.sfHover li ul {
						top:			-999em;
					}
					ul.sf-menu li li li:hover ul,
					ul.sf-menu li li li.sfHover ul {
						left:			14em; /* match ul width */
						top:			0;
					}
					
					/*** DEMO SKIN ***/
					.sf-menu {
						float:			left;
						margin-bottom:	0em;
					}
					.sf-menu a {
					/*	border-left:	1px solid #fff;
						border-top:		1px solid #CFDEFF;
					*/	padding: 		0px 42px;
						text-decoration:none;
					}
					.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
						color:			#fff;
					}
					.sf-menu li {
						/*background:		#BDD2FF;*/
					}
					.sf-menu li li {
						background-image:none !important;
						border-left:solid 1px #323232;
						border-right:solid 1px #323232;
						border-bottom:solid 1px #323232;
						background-color:#161616;	
					}
					.sf-menu li li a{
						padding: 		8px 10px;
					}
					.sf-menu li li a:hover, .sf-menu li li li a:hover{	
						background-color:#202020;
					}
					.sf-menu li li li {	
						background-image:none !important;
						background-color:#ffffff;
					}
					.sf-menu li li li.top {	
						border-top:solid 1px #969696;
					}
					.sf-menu li li li a{
						padding: 		8px 10px;
					}
					.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
						outline:		0;
					}
					
					.sf-menu li:hover, .sf-menu li.sfHover
					{
						outline:		0;
					}
					
					
					/*** arrows **/
					.sf-menu a.sf-with-ul {
						padding-right: 	42px;
						min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
					}
					.sf-sub-indicator {
						position:		absolute;
						display:		block;
						right:			.75em;
						top:			1.05em; /* IE6 only */
						width:			10px;
						height:			10px;
						text-indent: 	-999em;
						overflow:		hidden;
						background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
					}
					a > .sf-sub-indicator {  /* give all except IE6 the correct values */
						top:			.8em;
						background-position: 0 -100px; /* use translucent arrow for modern browsers*/
					}
					/* apply hovers to modern browsers */
					a:focus > .sf-sub-indicator,
					a:hover > .sf-sub-indicator,
					a:active > .sf-sub-indicator,
					li:hover > a > .sf-sub-indicator,
					li.sfHover > a > .sf-sub-indicator {
						background-position: -10px -100px; /* arrow hovers for modern browsers*/
					}
					
					/* point right for anchors in subs */
					.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
					.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
					/* apply hovers to modern browsers */
					.sf-menu ul a:focus > .sf-sub-indicator,
					.sf-menu ul a:hover > .sf-sub-indicator,
					.sf-menu ul a:active > .sf-sub-indicator,
					.sf-menu ul li:hover > a > .sf-sub-indicator,
					.sf-menu ul li.sfHover > a > .sf-sub-indicator {
						background-position: -10px 0; /* arrow hovers for modern browsers*/
					}
					
					/*** shadows for all but IE6 ***/
					.sf-shadow ul {}
					
					.sf-shadow ul.sf-shadow-off {
						background: transparent;
					}

	#slider-stretch {
		background-color:#8f0100;
		border-bottom:1px solid #333;
		height:283px;
		margin:0 0 20px 0

	}

/*  Homepage Slider
------------------------------------------------------*/
#slideshow{
background-color:#8f0100;
width:925px;
height:283px; 
margin:0px;
float:left;
border-bottom:1px solid #535353;
border-left:1px solid #535353;
border-right:1px solid #535353;

}
#slideshow-threed{
width:920px;
height:283px; 
margin:15px 0px 0px 0px;
float:left;
}
#box-nav-slider{
background-image:url(../images/strip-line.gif);
background-position:bottom;
background-repeat:repeat-x;
width:920px;
height:17px;
float:left;
}
#slideshow-navigation a{
background: url(../images/slide.png) no-repeat scroll 50% 50%;
display:block;
float:left;
font-size:0px;
width:9px;
height:9px;
margin:2px;
outline-style:none;
outline-width:medium;
padding:2px;
}
#slideshow-navigation{float:right; padding-right:10px}
#slideshow-navigation .activeSlide {background: url(../images/slide.png) no-repeat scroll 0% 50%;}
.img-slide{width:570px; height:283px; float:left;}
.text-slide{width:320px; padding-right:20px; height:283px; float:right;}
.slidehalf { margin-top:0px; margin-right:20px; float:left;} /* Editable Slider Image Position */
.slidehalf2 { margin-top:0px; margin-right:0px; float:left;} /* Editable Slider Image Position */
.slide-text h1{color:#fff; padding:30px 20px 0px 0px; font-size:24px}
.slide-text p{font-size:12px; color:#fff; line-height:22px;}
.slide-text a.read_more{color:#fff; font-size:12px;}
.flash-img {text-align:center; display:block; margin:100px auto 0 auto;}


/* buttons */
button { 
  border:0; 
  cursor:pointer; 
  font-weight:bold; 
  padding:0 47px 0 0;
  *padding-right:50px;
  text-align:center;
  margin:0 0 0 -5px
}
button span { 
  position:relative; 
  display:block; 
  white-space:nowrap; 
  padding:0 0 0 20px; 
}

/*blue buttons*/
button.submitBtn { 
  background:url(../images/right.png) right no-repeat; 
  font-size:1.3em; 
}
button.submitBtn span { 
	height:50px; 
	line-height:50px;
	background:url(../images/left.png) left no-repeat;
	color:#333; 
}
button.submitBtn:hover {
	background:url(../images/right_active.png) right no-repeat; 
}
button.submitBtn:hover span {
	background:url(../images/left_active.png) left no-repeat; 
}

button { 
  width:auto; 
  overflow:visible; 
}
button span { 
}

/* Content Area */
#content-stretch-sub {
	background: #8f0100;
	border:1px #535353 solid;  
	padding: 0px 11px 0 16px;
	height:50px;
	width:900px;
	margin:0 auto 
}

#content h1 { font: 28px Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:-10px; margin:10px 0 0 20px; color:#FFFFFF; position:relative}
/*#content h1 span { background: url(../images/gradient-red.png) repeat-x; position: absolute; display: block; width: 475px; height: 20px;}*/


#features a.button {
    /* Sliding right image */
    background: transparent url('../images/right.png') no-repeat scroll right; 
	display: block;
	float: left;
	height: 39px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right: 0px;
	padding-right: 50px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	/* FONT PROPERTIES */
	text-decoration: none;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}
#features a.button span {
	/* Background left image */ 
	background: transparent url('../images/left.png') no-repeat; 
	display: block;
	line-height: 24px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 7px 0 0 18px;
	height:39px;
	margin:0 0px 0 0
} 
#features a.button:hover {
    /* Sliding right image */
    background: transparent url('../images/right_active.png') no-repeat scroll right; 
	display: block;
	float: left;
	height: 39px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right: 0px;
	padding-right: 50px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	/* FONT PROPERTIES */
	text-decoration: none;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}

#features a.button:hover span{
	/* Background left image */ 
	background: transparent url('../images/left_active.png') no-repeat; 
	display: block;
	line-height: 24px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 7px 0 0 18px;
	height:39px;
	margin:0 0px 0 0
}

#featured-bg 
{
    background: url('../images/index-bg.jpg') repeat-x
}

#features {
	margin:20px 0 20px 0;
    overflow: hidden;  
    padding:0 auto;  
    display: inline-block;
	color:#FFFFFF
}

#slider {
	overflow:hidden
}  
  
.feature {  
    width: 220px;  
    padding: 20px 35px 0 35px;  
    float: left;
}

.featurelast {
    width: 220px;  
    padding: 20px 38px 0 38px;  
    float: left;
}

  
	#support {height:245px; width:290px; margin:0 16px 0 0; padding:0px 0px 10px 10px; background-image:url(../images/featured-v3.png); background-repeat:no-repeat } 
		
		#support h2 {font-size:18px; margin:10px 0 10px 0; } 

		#support h3 {font-size:14px; margin:10px 0 0 0;  } 

		#support p {font-size:12px; margin:0px 0 0 0; width:260px; line-height: 22px } 

		#support img { margin:10px 0 0 0 }
		
		#support a:link {font-size:12px; color:#d30100; text-decoration:none;}      /* unvisited link */
	    #support a:visited {font-size:12px; color:#d30100; text-decoration:none}  /* visited link */
	    #support a:hover {font-size:12px; color:#d30100; text-decoration:none}  /* mouse over link */
	    #support a:active {font-size:12px; color:#d30100; text-decoration:none}  /* selected link */

		
		.bg-featured{ background-color:#333333; width:265px; height:120px; padding:0px 5px 0 5px;} 
		.bg-featured:hover { background-color: #666666; width:265px; height:120px; padding:0px 5px 0 5px;} 
  
	#trace {height:245px; width:290px; margin:0 16px 0 0; padding:0px 0px 10px 10px; background-image:url(../images/featured-v3.png); background-repeat:no-repeat}  

		#trace h2 {font-size:18px; margin:10px 0 10px 0; } 

		#trace h3 {font-size:14px; margin:10px 0 0 0; } 

		#trace p {font-size:12px; margin:0; width:280px } 
		
		#trace a:link {font-size:12px; color:#d30100; text-decoration:none;}      /* unvisited link */
	    #trace a:visited {font-size:12px; color:#d30100; text-decoration:none}  /* visited link */
	    #trace a:hover {font-size:12px; color:#d30100; text-decoration:none}  /* mouse over link */
	    #trace a:active {font-size:12px; color:#d30100; text-decoration:none}  /* selected link */


		#trace img {font-size:14px; margin:10px 0 0 0 } 
      
	#trend {height:245px; width:295px; margin:0 0px 0 0; padding:0px 0px 10px 0px; background-image:url(../images/featured-v3.png); background-repeat:no-repeat; overflow:hidden } 

		#trend h2 {font-size:18px; margin:2px 0 10px 10px; width:280px } 

		#trend p {font-size:12px; margin:0; font-weight:normal; padding:0 0px 10px 10px; line-height:15px; width:280px } 

		#trend img {font-size:14px; margin:10px 0 0 0 } 
		
		#trend a:link {font-size:12px; color:#d30100; text-decoration:none;}      /* unvisited link */
	    #trend a:visited {font-size:12px; color:#d30100; text-decoration:none}  /* visited link */
	    #trend a:hover {font-size:12px; color:#d30100; text-decoration:none}  /* mouse over link */
	    #trend a:active {font-size:12px; color:#d30100; text-decoration:none}  /* selected link */

  

#content img {
	padding:5px 0 0px 0;
	margin:0 0 0 -10px;
	float:left;
	}

	#content-bottom-stretch {  
		padding: 57px 0 5px 0;
		height:140px;
		clear:both;
		background-image:url(../images/inner-ft-bg.jpg);
		background-repeat:repeat-x;
	}  

#content-bottom h3 {
	font-size:12px;
}
#content-bottom h4 {
	font-size:12px;
}

/* SUB PAGES */
#sub {  
    *margin-top: 30px;  
    overflow: hidden;  
    padding-bottom: 80px;  
    display: inline-block;  
}  
.sub-left {  
    width: 620px;  
    padding: 0px 55px 0 0;  
    float: left;  
}
.sub-right {
    width: 250px;  
    padding: 0px 0px 0 0px;  
    float: left;
}
.sub-left h2 {
	font-size:24px
}
.sub-right h3 {
	margin:0 0 15px 0
}
	
.sub-right ul {
	list-style:none
}


blockquote{
font-style:italic;
margin:0px;
color:#6f6f6f;
padding:2px 4px 2px 38px;
background-image: url(../images/quote.gif);
background-position:0px 5px;
background-repeat:no-repeat;
}

ul.content-list {margin:0px; padding:0px; list-style-type:none; font-size:12px}
ul.content-list li {background-image:url(../images/arrow.gif); background-position:0px 6px; background-repeat:no-repeat; padding:0px 0px 12px 17px; line-height:18px;}
ul.content-list li a {text-decoration:none; color:#8f0100; }
ul.content-list li a:hover {text-decoration:underline; color:#333333}

ul.content-list-main {margin:0px; padding:0px; list-style-type:none; font-size:12px; margin-left:20px}
ul.content-list-main li {background-image:url(../images/arrow.gif); background-position:0px 6px; background-repeat:no-repeat; padding:0px 0px 12px 17px; line-height:18px;}
ul.content-list-main li a {text-decoration:none;}
ul.content-list-main li a:hover {text-decoration:underline;}

#footer {
	width:930px;
}

#footer img {
	padding:10px 0 0 0;
	margin:0 0 10px 0
}

#charter {  
    width: 270px;  
    float: left;
	height:91px;
	margin:10px 50px 0 0;
	color:#FFF 
}

#charter h2 {
	color:#FFF;
	padding:0;
	font-weight:normal;
	font-size:20px
}

#charter h4 {
	font-size:12px;
	font-weight:normal;
	margin:4px 0 0 0;
	line-height:20px
}
  
#tagline {  
    width: 280px;  
    float: left;
	margin:15px 50px 0 0
} 

#social span{background:url(../images/social-icon.png); float:left; width:26px; height:16px; margin:4px 5px 0 0;}
#fb-icon span{background-position: 0px -16px;}
#fb-icon a:hover span{background-position:0px 0;}
#twit-icon span{background-position: -26px -16px;}
#twit-icon a:hover span{background-position:-26px 0;}
#linkedin-icon span{background-position:-104px -16px;}
#linkedin-icon a:hover span{background-position: -104px 0;}
#rss-icon span{background-position: -78px -16px;}
#rss-icon a:hover span{background-position:-78px 0;}

#tagline ul{margin:0px; padding:0px; font-size:11px; list-style-type:none;}
#tagline ul li{list-style:none;	border-bottom:solid 1px #e5e5e5; line-height:24px; text-align:right;}
#tagline a, #tagline a:visited{color:#e5e5e5; text-decoration:none;}

#tagline h4 {
	color:#FFF;
	padding:25px 0 0 0;
	font-weight:normal;
}
  
#newsletter {  
    width: 270px;  
    float: left;  
}  

#newsletter h2 {
	padding:10px 0 7px 0;
	color:#fff;
	font-size:20px;
	font-weight:normal
}

.newsletter input[type="text"] 
{
    width:240px;
    height:24px;
    margin:0 0 5px 0px
}


#footer p {  
    float: left;  
}  
  
#footer ul {  
    list-style: none;
    text-align:center;
    margin-bottom:10px
}  
  
#footer ul li   
{
    display:inline;
    padding:20px 5px 10px 5px;
    color:#999999
} 

#footer a:link {font-size:12px; color:#979898; text-decoration:none}
#footer a:visited {font-size:12px; color:#979898; text-decoration:none}
#footer a:hover {font-size:12px; color:#fff; text-decoration:none}
#footer a:active {font-size:12px; color:#979898;}

#cyber {    
	width: 215px;  
    float: left;
	height:91px  
}

#footernav {
    width: 500px;  
    float: left;
    margin:20px 0 10px 10px
}

#footertrace {
    width: 150px;  
    float: right;  
}

/* LOGIN */
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:315px;
  height:280px;
  display:none;
  z-index:9999;
  padding:20px;
}


#boxes #dialog2 {
  background: url(../images/login-bg.png) no-repeat transparent ; 
  width:315px;
  height:340px;
  padding:14px 0 25px 0;
  color:#fff;
}

#dialog2 h2 {
	color:#fff;
	font-size:18px;
	text-align:center;
	margin:3px 0 20px 0;
}

#dialog2 form div {
	}
	
	#dialog2 form div label {
		margin:10px 0 10px 25px;
		padding:0 0 10px 0;
		line-height:30px;
		width:350px;
		font-size:12px
	}
	
	#dialog2 #inputLoginName, #dialog2 #inputEmail {
		margin-left:20px;
		padding:5px;
		border:2px solid #666666;
		color:#333;
		background-color:#FFFFFF;
		width:230px;
		font-size:12px
	}
	
	.check {
		margin-left:10px;
		padding:10px;
		border:2px solid #666666;
		color:#333;
		background-color:#FFFFFF;
	}
	
	.buttonpush {
		margin:10px 0 0 20px;
		padding:0 
	}
	
	.close {
		margin:0 20px 0 20px;
		padding-top:10px;
		color:#FFFFFF;
		float:right
	}

	#dialog2 a.button {
		/* Sliding right image */
		background: transparent url('../images/right2.png') no-repeat scroll right; 
		display: block;
		float: left;
		height: 28px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
		margin-right: 0px;
		padding-right: 24px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
		/* FONT PROPERTIES */
		text-decoration: none;
		color: #fff;
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:bold;
	}
	#dialog2 a.button span {
		/* Background left image */ 
		background: transparent url('../images/left2.png') no-repeat; 
		display: block;
		line-height: 14px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
		padding: 7px 0 0 18px;
		height:39px;
		margin:0 0px 0 0
	} 
	#dialog2 a.button:hover {
		/* Sliding right image */
		background: transparent url('../images/right_active2.png') no-repeat scroll right; 
		display: block;
		float: left;
		height: 28px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
		margin-right: 0px;
		padding-right: 24px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
		/* FONT PROPERTIES */
		text-decoration: none;
		color: #fff;
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:bold;
	}
	
	#dialog2 a.button:hover span{
		/* Background left image */ 
		background: transparent url('../images/left_active2.png') no-repeat; 
		display: block;
		line-height: 14px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
		padding: 7px 0 0 18px;
		height:28px;
		margin:0 0px 0 0
	}

.SearchBox { border:0px !important;  background-color:#ffffff; padding:0px; }

/* LOGIN PANEL */

        #dialog2
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
        }
        .btnLogInCls
        {
            background-image: url('../App_Themes/eDataTrace/Images/Login-btn1.jpg');
            background-position: left top;
            border-style: none;
            border-width: 0px;
            background-repeat: no-repeat;
            width: 81px;
            height: 28px;
        }
        .btnLogInCancel, a.btnLogInCancel:link, a.btnLogInCancel:active, a.btnLogInCancel:Visited
        {
            font-family: Arial;
            color: #ffffff;
            font-size: 12px;
            text-decoration: underline;
            background-color: Transparent;
            border-style: none;
            border-width: 0px;
        }
        a.btnLogInCancel:Hover
        {
            font-family: Arial;
            color: #ffffff;
            font-size: 12px;
            text-decoration: none;
            background-color: Transparent;
            border-style: none;
            border-width: 0px;
        }
        .LoginTextBoxMain
        {
            border: 1px #999999 solid;
            height: 23px;
            width: 95px;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 14px;
            margin-bottom: 0px;
            vertical-align: top;
        }
        
        #loginContainer
        {
            padding:0 30px 0 30px;
        }
        
        .loginTitle
        {
            padding-bottom: 10px;
        }
        
        .loginLabel
        {
            padding-bottom: 5px;
        }
        
        .loginField
        {
            padding-bottom: 10px;
        }
        
        .loginFailure
        {
            color: #FF3300;
            font-weight:bold;
            font-size: 12px;
            padding: 10px 0 10px 0;
        }
        
/* EMAIL */

#emailSuccessDialog {
  background: url(../images/alert-bg.png) no-repeat transparent ; 
  width:315px;
  height:280px;
  padding:14px 0 25px 0;
  color:#fff;
}
/* DataTraceRegistrationUC */
#register {
	background-color:#990000;
	border-bottom-color:#AA0000;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-top-color:#AA0000;
	border-top-style:solid;
	border-top-width:1px;
	display:block;
	float:left;
	height:23px;
	padding-top:5px;
	text-align:center;
	width:81px;
	color:#FFFFFF;
	text-decoration:none;
	margin-right:2px;
	}
	#register:hover {
	background-color:#AA0000;
	background-position:0 -28px;
	}
	#register span {
	}
	#loginnew {
	background-color:#990000;
	border-bottom-color:#AA0000;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-top-color:#AA0000;
	border-top-style:solid;
	border-top-width:1px;
	display:block;
	float:left;
	height:23px;
	padding-top:5px;
	text-align:center;
	width:81px;
	color:#FFFFFF;
	text-decoration:none;
	margin-right:2px;
	}
	#loginnew:hover {
	background-color:#AA0000;
	background-position:0 -28px;
	}
	#loginnew span {
	}
.modalBackground
{
    
    filter: alpha(opacity=30); 
    BACKGROUND-COLOR: Black;
    
}