﻿* {
margin:0;
padding:0;
}
body, html {
	font: 12px/170%  Verdana, Tahoma, Arial;
	color: #484848	
	margin: 0; 
	padding: 0; 
	background: #f4f4f4 url("../images/bg2.jpg") top left repeat-x;
	text-align:center;
}
#container {
    background:transparent url("../images/bkg-shadow2.png") no-repeat scroll center 400px;
	margin:0 auto;
	width:969px;
}

#containerUser {
background:transparent url("../images/bkg-shadow3.png") no-repeat scroll center 400px;
margin:0 auto;
width:1150px;
}

#container-inner {
	margin:0 auto;
	width:945px;
	padding:0;
}

#container-innerUser {
margin:0 auto;
width:1150px;
padding:0;


}

#container-content {
	border-left:1px solid #E5E5E5;
	border-right:1px solid #E5E5E5;
	margin:0 auto;
	width:943px;
	padding:0;
	background:transparent url("../images/bg.png") repeat-y scroll center top;
	position:relative;
	overflow:hidden;
}

#container-contentUser {

border-left:1px solid #E5E5E5;
border-right:1px solid #E5E5E5;
margin:0 auto;
width:1148px;
padding:0;
background:transparent url("../images/bg3.png") repeat-y scroll center top;

position:relative;
overflow:hidden;

}

#container-explore {
	clear:both;
	background:transparent url("../images/bkg-footer3.png") no-repeat scroll center top;
	margin:0;
	position:relative;
	width:945px;
	height:85px;
	padding:40px 0 0 0;
	margin:0 auto;
	color:#666;
}
#container-exploreUser {
clear:both;
background:transparent url("../images/bkg-footer4.png") no-repeat scroll center top;
margin:0;
position:relative;
width:1150px;
height:85px;
padding:40px 0 0 0;
margin:0 auto;
color:#666;
}
#left{
	float:left;
	width:240px;
	text-align:left;
	margin:0;
	padding:2px 0 0 7px;
}
#header {
	height:102px;
	position:relative;
	padding:0;
}
#header .logo{
	background:transparent url("../images/logo.jpg") no-repeat top left;
	width:286px;
	height:90px;
	float:left;
	position:relative;
	top:5px;
	left:5px;
}
#header .logo h1{
	padding:0;
	margin:0;
	font-size:10px;
	font-weight:bold;
	color:#666;
	position:relative;
	top:50px;
	left:15px;
	float:left;
	text-transform:uppercase;
}
#header .langs{
	position:relative;
    top:0;
    right:16px; 
    float:right;
	height:33px;
	width:278px;
	background:transparent url('../images/langs.gif') top right no-repeat; 
	padding:0 30px 0 0;
	color:#666;
	text-align:right;
}
#header .langs a{
	color:#666;
	font-weight:bold;
	margin:0;
    text-decoration:none;
	font-size:10px;
}
#header .langs a:hover{
    text-decoration:underline;
}
#header .langs span{
	padding:0 15px 0 15px;
}
#header ul{
	list-style:none;
	width:660px;
 	margin:0;
    padding:10px 0 16px 0;
    float:right;
    text-align:right;
	height:33px;
	line-height:33px;
	list-style:none;
}
#header li{
	display:inline;
	margin:0px;
}
#header li a{
	font-weight:bold;
	text-transform:uppercase;
	margin:0;
	position:relative;
	top:5px;
	right:20px;
	padding:15px 25px;
    text-decoration:none;
	font-size:11px;
	font-family:Georgia, "Times New Roman", Times, serif;
	border-right:1px solid #DDDDDD;
	border-left:1px solid #FFFFFF;
	color:#74030F;
}
#header li a:hover{
	text-decoration:underline;
	color:#666;
}
#subhead {
	height:192px;
	position:relative;
	width:943px;
	margin:0 auto;
	background:transparent url("../images/h-bg.jpg") no-repeat top center;
}
#screen{

	width:943px;
	height:164px;
	position:relative;
	top:1px;
	text-align:left;
	padding:15px 0 0 0;
}
#screen h1{
	font-size:24px;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:5px 0 9px 0;
	margin:0;
	font-weight:bold;
	color:#fff;
}
#screen .content-left{
	font-size:14px;
	line-height:20px;
	padding:0 0 0 0;
	margin:0;
	font-weight:normal;
	color:#b4e0ff;
	width:700px;
	font-weight:bold;
	float:left;
	text-align:justify;
}
#content-right{
	padding:0 0 0 0;
	margin:20px 0 0 0;
	width:200px;
	float:right;
	border:1px solid #ccc;
	height:105px;
}
#left .panel{
	font-size:10px;
	background:#f7f7f7 url(../images/l-bg.jpg) repeat-x left top;
	width:217px;
	border:1px solid #ccc;
	padding:11px 15px;
}
#left .panel h1{
	font-size:12px;
	color:#74030F;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:2px 0 12px 0;
	margin:0 0 5px 0;
	font-weight:bold;
	text-transform:uppercase;
	border-bottom:3px solid #acacac;
}
#left .panel h2{
	font-size:10px;
	color:#74030F;
	padding:1px 0 0 0;
	margin:0;
	font-weight:normal;
	text-transform:uppercase;
}
#left .panel input.txt{
	font-size:10px;
	color:#666;
	padding:5px;
	margin:0;
	border:1px solid #ccc;
	width:205px;
}
#left .panel input.btn{
	font-size:10px;
	background:#e9ebea url(../images/li-bg.jpg) repeat-x left top;
	color:#74030F;
	height:24px;
	margin:0;
	border:1px solid #ccc;
	width:70px;
	margin:0 0 0 0;
	font-weight:bold;
	text-transform:uppercase;

}
#left .panel a{
	color:#74030F;
	text-decoration:underline;
}
#left .panel a:hover{
	color:#5C5C5C;
	text-decoration:none;
}
#left ul{
        font-weight:bold;
	font-size:11px;
	margin:0 0 2px 0;
	padding:0 0 0 0;
	width:249px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
}
#left li {
	list-style:none;
	background:transparent url(../images/li-bg.jpg) repeat-x left top;
	margin:2px 0 2px 0;
}
#left li a {
	color:#74030F;
	display:block;
	padding:10px 15px;
	text-decoration:none;
	border:1px solid #ccc;
}
#left li a:hover {
	text-decoration:none;
	color:#0F6;
	background-color:#f7f7f7;
}
#left .banner { 
	position:relative;
    overflow:hidden;
    text-align:center;
    margin:0 auto;
	width:250px;
}
#left .banner img
{
	margin:5px 0 0 0;
	padding:0;
	border: 1px solid #ccc;
}
#left .banner a img
{
	padding:0;
	border: 1px solid #ccc;
}
#left .banner p
{
    margin:0;
    padding:0;
}
#right{
	float:right;
	width:656px;
	text-align:left;
	padding:0 10px 10px 10px;
}
#right a{
	font-weight:bold;
	text-decoration:none;
	color: #74030F; 
	/* border-bottom:1px dotted #74030F; */
}
#right a:hover{
	text-decoration:none;
	border:none;
}
#right h1{
	font-size:16px;
	position:relative;
	padding:16px 0 12px 0;
	margin:0 0 10px 0;
	font-weight:bold;
	color:#74030F;
	border-bottom:2px solid #cdcdcd;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
}
#right .columns{
	width:650px;
	clear:both;
	display:table;
}
#right .column{
	border-top:1px dotted #ccc;
	width:192px;
	min-height:280px;
	float:left;
	margin:0 6px 0 6px;
	background:transparent url(../images/columnbg.jpg) repeat-x scroll 0 0;
	padding:5px;
}
#right .column a{
	border:0;
}
#right .column a img{
	border:0;
	margin:0 auto;
}
#right .column .title{
	display:block;
	font-size:11px;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:4px 0 2px 0;
	margin:0;
	font-weight:bold;
}
#right .column .title a{
	border-bottom:1px dotted #74030F;
}
#right .column .title a:hover{
	text-decoration:none;
	border-bottom:0;
}
#right .column a img{
	border:1px dotted #ccc;
}
#right .column a img:hover{
	border:1px dotted #666;
}

#right .subs{
	width:620px;
	position:relative;
	padding:10px 10px 30px 10px;
	float:left; 
	background:transparent url(../images/sub-bg.jpg) repeat-x scroll 0 0;
	border-top:1px dotted #ccc;
}
#right .subs h2{
	font-size:11px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	position:relative;
	padding:2px 0 5px 0;
	margin:0;
	font-weight:bold;
	color:#666;
	border:none;
}
#right .subs h3{
	font-size:10px;
	position:relative;
	padding:2px 0 1px 0;
	margin:0;
	font-weight:bold;
	color:#888;
}
#right .subs img.mainPic{
	float:left;
	border:none;
}
#right .subs a img.mainPic 
{
    border:1px solid #ccc;
	padding:3px;
	margin:0 10px 0 0;
	background: #fff;
}
#right .subs img.mainPic:hover
{
    background-color: #eaeaea;
    border:1px solid #999; 
}
#right .subs .data{
	position:relative;
	top:-5px;
	right:-5px;
	float:right;
	font-size:10px;
	font-weight:bold;
	color:#666;
	background-color:#fff;
	padding:0 5px 2px 5px;
	line-height:25px;
	border:1px dotted #ccc;
}
#right .subs a{
	text-decoration:none;
	color: #74030F; 
}
#right .subs a:hover{
	text-decoration:none;
	border:none;
}
#right a.arrow{
	text-decoration:none;
	padding:0;
	line-height:20px;
	font-weight:normal;
	border-bottom:1px dotted #74030F;
}
#right a.arrow:hover{
	text-decoration:none;
	border:0;
}
#right .tbl {
  margin:0 auto 10px auto;
  border-collapse: collapse;
  font: normal 10px verdana, arial, helvetica, sans-serif;
  color: #363636;
  background: #f4f4f4;
  width:650px;
  text-align:center;
  
  }
  
  #right .tblCenter {
  margin:0 auto 10px auto;
  border-collapse: collapse;
  font: normal 10px verdana, arial, helvetica, sans-serif;
  color: #363636;
  background: #f4f4f4;
  width:450px;
  text-align:center;
  
  }
  
  
#right .tbl td, th {
  padding: .4em;
  border: 1px solid #ccc;
  }
#right .tbl thead th, tfoot th, tfoot td, thead td {
  font-weight:bold;

  background-color:#225a8d;
  color: #FFFFFF;
  padding: .4em;
  text-transform:uppercase;
  border: 1px solid #525252;
  height:12px;
}
#right .tbl .odd {
  background: #fff;
}

#right .tbl tbody th, tbody td {
  vertical-align: top;
 
  }
#right .tbl tfoot td
{
  border: 1px solid #525252;
}
#right .tbl a.el{
	color:#0162a0;
	text-decoration:none;
}
#right .tbl a.el:hover{
	color:#0162a0;
	text-decoration:none;
}
#right .label{
	display:block;
	margin: 3px 0 3px 0;
	font-weight:bold;
}
#right input.textbox { 
	color: #666; 
	padding: 3px;	
	margin: 0;
	border: 2px solid #d3d3d3;
	width:450px;
	font-size:14px;
}
select.ddlList { 
	color: #666; 
	padding: 3px;	
	margin: 0;
	border: 2px solid #d3d3d3;
	width:200px;
	font-size:14px;
}
#right textarea.textbox { 
	color: #666; 
	padding: 3px;	
	margin: 0;
	border: 2px solid #d3d3d3;
	width:450px;
	font-size:14px;
	height:120px;
}
.submit{

	background:url(../images/btnsubmit.gif) top left no-repeat;
	background-repeat: no-repeat;
    display: block;
    height: 34px;
    width: 113px;
    margin:12px 0 0 0;
    border:none;
    text-align:center;
    padding:0 0 0 0;
    text-transform:uppercase;
}
.submit:hover {
     background-position:0% -35px;
}
#slider {
	float:right;
	position:relative;
    width:200px;
    height:105px;
    margin:0;
	background:url(../images/loading.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}
.nivo-controlNav {
	position:absolute;
	left:60px;
	bottom:-34px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(../images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}
.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}
#left ul#menulist{

		font-size:11px;
float:left;
margin:0 0 2px 0;

padding:0 0 0 0;
width:249px;
font-family:Georgia, "Times New Roman", Times, serif;
text-transform:uppercase;

}

#left ul#menulist li {

list-style:none;
background:transparent url(../images/li-bg.jpg) repeat-x left top;
margin:2px 0 2px 0;


}
#left ul#menulist li a {
color:#74030F;
display:block;
padding:10px 15px;
text-decoration:none;
border:1px solid #ccc;
}
#left ul#menulist li a:hover {
text-decoration:none;
color:#5C5C5C;
background-color:#f7f7f7;


}
#left ul#panellist{

		font-size:11px;
width:219px;
margin:0 0 2px 0;

padding:0 0 0 0;

font-family:Georgia, "Times New Roman", Times, serif;
text-transform:uppercase;

}

#left ul#panellist li {

list-style:none;

margin:2px 0 2px 0;


}
#left ul#panellist li a {
color:#74030F;
display:block;
padding:5px 5px;
text-decoration:none;
border:1px solid #ccc;
background:transparent url(../images/li-bg.jpg) repeat-x left top;

}
#left ul#panellist li.last a {
color:#74030F;
display:block;
padding:5px 5px;
text-decoration:none;
border:1px solid #ccc;
background:transparent url(../images/li-bg.jpg) repeat-x left top;
font-weight:bold;
}
#left ul#panellist li a:hover {
text-decoration:none;
color:#5C5C5C;
background-color:#f7f7f7;


}

#right .controls
{
	padding:0;
	margin:0;
}

#right .controls label { 
	color: #555; 
	font: bold 11px Verdana, Arial, Sans-serif;
	padding:0;	
	margin: 2px;



}

#right .controls input.txt { 
	color: #555; 
	font: normal 11px Verdana, Arial, Sans-serif;
	padding: 2px;	
	margin: 2px;
	font-weight:bold;
	border: 1px solid #E4DDD2;

}
#right .controls input.btn { 
	color: #555; 
	padding: 1px;	
	margin: 2px;
	font-weight:bold;
	border: 1px solid #E4DDD2;
	background-color:#ccc;
	font-style: normal;
	font-variant: normal;
	font-size: 11px;
	line-height: normal;
	font-family: Verdana, Arial, Sans-serif;
	height: 21px;
}
 .UpdateProgress1 
 {
    float:right;
 
   color:#fff;
   vertical-align:middle;
   padding:8px 50px 0 0;
   position:relative;
  
 }

.UpdateProgress1 img {
  
 }
 .InfoGrid { 
  background:transparent url(../images/panel-bg.jpg)  scroll left top; 
  color:#FFFFFF;
 
  font-size:11px; 
  font-weight:bold; 

  padding:6px 0 5px 5px; 
  text-transform:uppercase; 
  border:2px solid #a7a7a7;
  cursor:hand;
} 
.InfoGridCell1
{
	padding:3px;
	border-right:1px solid #a7a7a7;
	border-left:1px solid #a7a7a7;
	border-bottom:1px solid #a7a7a7;
}
.InfoGridCell2
{
	padding:3px;
	border-right:1px solid #a7a7a7;
	border-left:1px solid #a7a7a7;
	border-bottom:1px solid #a7a7a7;
	background-color:#e6e6e6;
}
.ExpandCollapseGrid { 
  background:transparent url(../images/panel-bg.jpg)  scroll left top; 
  color:#FFFFFF;
 
  font-size:11px; 
  font-weight:bold; 

  padding:6px 0 0 5px; 
  text-transform:uppercase; 
  border:2px solid #a7a7a7;
  cursor:hand;
} 
 .Grid 
 {
 	border:2px solid #a7a7a7; 
 	width:100%;
 	

 }
 


 .GridHeader { 
  background:#bbcae5 url(../images/panel-bg.jpg) repeat-x left bottom; 
  color:#FFFFFF;
  font-size:10px; 
  font-weight:bold; 
  border:2px solid #a7a7a7;
   padding:5px;
  
} 
.GridHeader th { 
 padding:5px;
 font-size:10px; 

} 

.Grid td
{
 color:#000000;
 padding:1px;
 white-space:nowrap;
 
}
 
.GridFooter
{
	background-color:#cccccc;
	color:#000000;
	font-weight:bold;

}
    
.GridItem
{
background-color: #e6e6e6;
font-weight:normal;
}

.GridAltItem
{
background-color: #ffffff;
font-weight:normal;
}
.Grid input
{
	border:1px solid #666;
	font:10px;
	font-weight:bold;
	font-family:Verdana;
}




.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7; 
}

.modalPopup {
	background-color:#fff;
	border-width:3px;
	border-style:solid;
	border-color:#666;
	font-size:11px;
	padding:2px;
	width:300px;
	text-align:left;

}

.modalPopupEmail {
	background-color:#fff;
	border-width:3px;
	border-style:solid;
	border-color:#666;
	font-size:11px;
	padding:2px;
	width:800px;
	text-align:left;
}

.popup_Titlebar
{
	 background:#bbcae5 url(../images/panel-bg.jpg) repeat-x left bottom; 
  color:#FFFFFF;
  font-size:11px; 
  font-weight:bold; 
  border:2px solid #a7a7a7;
	cursor: move;
	padding:3px;
	height:20px;
	

}
.TitlebarLeft 
{
	
	float:left;
	
}
.TitlebarRight 
{
	float:right;
	cursor:pointer;
	color:#fff;


	width:15px;
	height:15px;
	font-size:10px;
	text-align:center;
	
	
}
.modalPopupDetails
{
	margin:2px;
	font-size:11px;
	color:#000;
}
.modalPopupDetails td
{
	padding:5px;
}
.modalPopupTextBox
{

	
	color:#555;
	border:1px solid #666;
	padding:2px;
	font:11px Verdana;
	width:150px;
}
.modalPopupControls
{
	width:100%;
	text-align:center;
	padding:10px 0 5px 0;
	
}
.modalPopupControls input
{
	color:#000;
	border:1px solid #666;
	padding:2px;
	font:11px normal Verdana;
	width:60px;
	background-color:#ccc;
	
}

#box-table-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#box-table-a th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #b9c9fe;
	border-top: 4px solid #aabcfe;
	border-bottom: 1px solid #fff;
	color: #039;
}
#box-table-a td
{
	padding: 8px;
	background: #e8edff; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#box-table-a tr:hover td
{
	background: #d0dafd;
	color: #339;
}

#right .panel input.btnGrid{
	
   font: normal 10px Verdana, Arial, Sans-serif;
    margin: 0;
 
 background:#ccc ;
     border:1px #666 solid;
   padding:3px;
   color:#fff;
   font-weight:bold;
   line-height:13px;
  
 
}
#right .panel .message{
	
     font: normal 11px Verdana, Arial, Sans-serif;
    margin: 0 auto;
   padding:30px 0 0 0;
   color:#666;
   font-weight:bold;

  
 
}
#right .pagerWrap
{
     clear:both;
     width:565px;
}

#container-exploreUser {
clear:both;
background:transparent url("../images/bkg-footer4.png") no-repeat scroll center top;
margin:0;
position:relative;
width:1150px;
height:85px;
padding:40px 0 0 0;
margin:0 auto;
color:#666;
}

#container-contentUser {

border-left:1px solid #E5E5E5;
border-right:1px solid #E5E5E5;
margin:0 auto;
width:1148px;
padding:0;
background:transparent url("../images/bg3.png") repeat-y scroll center top;

position:relative;
overflow:hidden;

}
#left{
	float:left;
	width:240px;

text-align:left;
margin:0;
padding:2px 0 0 7px;
	
}
