/* CSS Document */
body{
	margin:0px 25px;
	background-color:#F2F2F2/*#959BA6*/;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	/*background-color:#E00D0D;*/
}
#header-links:link, #header-links:visited {
	font-size:18px;
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
hr {
	border:1px solid #B9B8BA;
	width:80%;
	margin:0 auto;
}
td {
	
}
.errors {
	padding: 5px 10px;
	background: #FFFFCC;
	border: 1px solid #FFCC66;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 80%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
#errortitle {
	color: #CC0000;
	font-weight: bold;
	font-size: 12px;
}
.errortxt {
	color:#CC0000;
	font-weight:bold;
}
.tdspace {
	margin: 7px;
	padding: 7px;
}
.white_bg{
	background-color:#F2F2F2;
}
.left_bg{
	background-image:url(left_bg.jpg);
}
.right_bg{
	background-image:url(right_bg.jpg);
}
.footer{
	height:74px;
	background-color:#F2F2F2;
}
.search_bg{
	background-image:url(search_bg.jpg);
}
.txt_box{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	border:1px solid #252525;
}
.link_bg{
	background-image:url(link_bg.jpg);
}
.left_gr{
	background-image:url(left_gr.jpg);
}
.white_font{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
}
.gray_font{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#6C6B6B;
	font-weight:bold;
}
.gray_font_simp{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#6C6B6B;
}
.gray_font_simp1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#6C6B6B;
	padding: 10px;
}
a.gray_link{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#6c6b6b;
	text-decoration:none;
}
a.gray_link:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#6c6b6b;
	text-decoration:underline;
}
a.lite_gray_link{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:15px;
	padding-right:15px;
	text-decoration:none;
	color:#F6F6F6;
	font-weight:bold;
}
a.lite_gray_link:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:15px;
	padding-right:15px;
	text-decoration:underline;
	color:#F6F6F6;
	font-weight:bold;
}
.box_mid{
	/*background-image:url(box_mid.jpg);
	background-repeat: repeat-x;*/
}
.topRedBg {
	background-image: url(redTop_BG.gif);
	background-repeat: repeat-x;
	background-position: top;
	width:900px;
}
#login {
color:#FFFFFF;
width: 315px;
padding: 0px;
}
.messagebox{
border:1px solid #c93;
background:#ffc;
padding:1px;
color:#c93;
font-weight: bold;
display:block;
text-align:center;
margin:3px;
}
.messageboxok{
border:1px solid #349534;
background:#C9FFCA;
padding:1px;
font-weight:bold;
color:#008000;
display:block;
}
.messageboxerror{
border:1px solid #CC0000;
background:#F7CBCA;
padding:1px;
font-weight:bold;
color:#CC0000;
display:block;
margin:0px;
}
.listtitle {
	color: #fff;
	font-weight: bold;
	background-color: #333;
	padding: 5px;
}
tr.even {
  background-color: #f2f2f2;
}
tr.odd {
  background-color: #f2f2f2;
}

/*FACEBOX*/
#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}


#facebox .popup{
  position:relative;
  border:3px solid rgba(0,0,0,0);
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:0 0 18px rgba(0,0,0,0.4);
  -moz-box-shadow:0 0 18px rgba(0,0,0,0.4);
  box-shadow:0 0 18px rgba(0,0,0,0.4);
}

#facebox .content {
  display:table;
  width: 370px;
  padding: 10px;
  background: #fff;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}

#facebox .content > p:first-child{
  margin-top:0;
}
#facebox .content > p:last-child{
  margin-bottom:0;
}

#facebox .close{
  position:absolute;
  top:5px;
  right:5px;
  padding:2px;
  background:#fff;
}
#facebox .close img{
  opacity:0.3;
}
#facebox .close:hover img{
  opacity:1.0;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}


div.pagination {
	padding: 3px;
	margin: 3px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;
	
	text-decoration: none; /* no underline */
	color: #777;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #000099;

	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #000099;
		
		font-weight: bold;
		background-color: #000099;
		color: #FFF;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
	
		color: #FFF;
	}
	
	div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float: right;
	width: 550px; 
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration: underline;
}
div.controls {
	margin-top: 5px;
	height: 23px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}
div.slideshow-container {
	position: relative;
	clear: both;
	height: 700px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('../css/loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 550px;
	height: 700px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {

}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	width: 550px;
	height: 700px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 700px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	vertical-align: middle;
	border: 1px solid #ccc;
}
div.download {
	float: right;
}
div.caption-container {
	position: relative;
	clear: left;
	height: 75px;
}
span.image-caption {
	display: block;
	position: absolute;
	width: 550px;
	top: 0;
	left: 20px;
}
div.caption {
	padding: 12px;
	margin:0 0 15px 0;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
	
}
div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}
a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}

.feature {
	position:relative;
	/*float:left;  optional */
	
}
.feature .text {
	color:#FFF;
	position:absolute;
	bottom:6px; /* in conjunction with left property, decides the text position */
	left:6px;
	padding:3px;
	width:239px; /* optional, though better have one */
	background:#000;
}