@charset "utf-8";
body  {
	font: 80% "Trebuchet MS";
	background:url(/WebImages/bgbody.png) repeat-x  #A7B1D4;
	
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #677180;
}

a:link {
	color: #677180;
}
a:visited {
	color: #677180;
}
a:hover {
	color: #677180;
}
a:active {
	color: #677180;
}

.nepaliecards img{
	border:0px;
}

.nepaliecards #container { 
	/* adding position: relative allows you to position the two sidebars relative to this container */
	width: 1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background:url(/WebImages/long_back.png) repeat-y ;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	
	
	border-top-width:0px;
	text-align: left; /* this overrides the text-align: center on the body element.border: 1px solid #000000; */
} 


.nepaliecards #header { 
	height: 101px; /* if you're changing the source order of the columns, you'll may want to use a height on the header so that you can give the columns a predictable top value */
	background: url(/WebImages/nepali-ecards-logo.background.jpg) right no-repeat #BECFEB; 
	border-left:#444A54 1px solid;
	border-right:#444A54 1px solid;
	padding:0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
.nepaliecards #menuBar  {
	margin:0;
	height:50px;
	background:url(/WebImages/bgmenu.png) repeat-x;
	font-family:Tahoma;
	font-size:10px;
	text-transform:uppercase;
	color:#FFFFFF;
	font-weight:900px;
	border-left:#444A54 1px solid;
	border-right:#444A54 1px solid;
	padding-left:50px;
	
}


.nepaliecards #menuBar  ul {
	margin:0;
	padding:0;
	list-style-type: none;
	
	
}
.nepaliecards #menuBar  ol {
	margin:0;
	padding:0;
	list-style-type: none;
}
.nepaliecards #menuBar  li {
	display:inline;
	float:left;
	margin:0;
	padding:0;
	
	
}
.nepaliecards #menuBar  li.non {
	display:inline;
	
	margin:0;
	padding:0;
	width:2px;
	height:25px;
	background:url(/WebImages/barmenu.png) bottom;
	
}

.nepaliecards #menuBar  li a {
	float:left;
	display:inline;
	width:92px;
	text-align:center;
	color:#000000;
	height:22px;
	padding-top:5px;
	text-decoration:none;
}
.nepaliecards #menuBar  li a:hover {
 background:url(/WebImages/bgovermenu.png) repeat-x;
 width:90px;
 height:20px;
 border-left:#464C57 1px solid;
 border-right:#464C57 1px solid;
 color:#FFFFFF;
}

.nepaliecards #sidebar1 {
	float:left;
	
	border-top:#717A8B 1px solid;
	left: 0;
	width: 155px; 
	margin-top:-26px;
	position:relative;
	background: #7C8699; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px; /* padding keeps the content of the div away from the edges */
	
	border-left:#444A54 1px solid;
	
	
}
.nepaliecards #sidebar2 {
	float:right;
	margin-top:-26px;
	border-top:#717A8B 1px solid;
	right: 0;
	width: 155px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #7C8699; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px; /* padding keeps the content of the div away from the edges */
	height: auto;
	
	border-right:#444A54 1px solid;
}
.nepaliecards #mainContent { 
	
	width:688px;
	
	float:left;
	background: #ECECEC;
	text-align:center;
	min-height:600px;
	
}

.nepaliecards #infoBlock{
	margin-top:-5px;
	height:65px;
	background:#B9CAE5;
	border-bottom: 1px #9DA5C6 solid;
}

.nepaliecards #userBlock{
	width:200px;
	font-size:11px;
	font-family:Verdana;
	float:left;
	padding-left:5px;
	text-align:left;
}

.nepaliecards #userBlock a{
	color:#003366;
	text-decoration:none
}

.nepaliecards #userBlock a:hover{
	color:#003366;
	
	text-decoration:blink;
}

.nepaliecards #userBlock a.why{
	color:#FF0000;
	text-decoration:none;
	
}

.nepaliecards #whyRegister{
	visibility:hidden;
}
.nepaliecards #userBlock a.why:hover{
	color:#000;
	
	text-decoration:underline;
}
.nepaliecards #adsGoogle{
 width:470px;
 float:right;
}

.nepaliecards #catContainer{
  width:670px;
  padding:10px;
  text-align:left;
 
}

.nepaliecards #catContainer  #catCP .CollapsiblePanelTab {
	background-image:url(/WebImages/firstImage.png);
}


.nepaliecards #footer { 
clear:both;
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
	font-family:"Trebuchet MS";
	font-size:10px;
	text-transform:uppercase;
	text-align:center;
	border-top:#7C8699 1px solid;
	border-left:#444A54 1px solid;
	border-right:#444A54 1px solid;
} 
.nepaliecards #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.nepaliecards  #extraContainer   .CollapsiblePanelContent {
	font-family:Tahoma;
	font-size:11px;
	color:#475078;
}

.nepaliecards #extraContainer  .CollapsiblePanelTab {
	background-image:url(/WebImages/firstImage.png);
}

.nepaliecards #extraContainer .CollapsiblePanelTab h3,
.nepaliecards  .CollapsiblePanelTab h3 {
	font-family:'Trebuchet MS';
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	color:#171717;
	padding-top:5px;
	padding-left:5px;
	margin:0;
}
.nepaliecards  #pubContainer {
	padding:4px;
	clear:both;
	text-align:left;
	
}

.nepaliecards input
{
	border:#7D8186 1px solid;
	background-color:#D7DAE8;
	margin:1px;
	font-family:'Trebuchet MS';
	font-size:11px;
}.nepaliecards .PanelTabContent div {
	text-align:center;
	padding:2px;
	padding-bottom:6px;
	border-bottom:#4B5581 1px dotted;
	background-color:#E4E7EF;
}
.nepaliecards .CollapsiblePanelContent .cardContent {
	font-family:'Trebuchet MS';
	font-size:11px;
	color:#000000;
	text-align:center;
	text-transform:uppercase;
	padding:10px;
	margin:5px;
	border:#475078 1px solid;
	background-color:#E0E2ED;
	display:inline;
	width:120px;
	height:180px;
	float:left;
}
.nepaliecards #annocementCP .CollapsiblePanelContent {
	font-family:'Trebuchet MS';
	font-size:11px;
	text-transform:uppercase;
	color:#373E5E;
	display: block;
}
.nepaliecards.nepaliecards .tableContent {
	font-family:'Trebuchet MS';
	font-size:12px;
	color:#2D324A;
	
}

.nepaliecards .tableinneraddress{
border:#24283E 1px solid; 
font-family:Tahoma;
font-size:11px;
border-collapse:collapse;


}

.nepaliecards .tableinneraddress th{

padding:2px;
background-color:#25293F;

font-size:12px;
color:#FFFFFF;


}

.nepaliecards .tableinneraddress td{

padding:2px;
background-color:#DFE1EC;
border:1px solid #939ABF;
font-size:12px;
}

.nepaliecards .tableborder {
border:#5E699D 1px dashed;
}


.nepaliecards  #receInfo {
	
}
.nepaliecards #htmlTitle {
	
}
.nepaliecards  #emoetMessage {
	padding:4px;
	
	height:400px;
}
.nepaliecards  #emoetMessage #emo {
	width:220px;
	float:left;
	
}
.nepaliecards  #emoetMessage #message {
	width:520px;
	float:right;
	margin-right:5px;
}
.nepaliecards  #advance {
	clear:both;
	
}

.nepaliecards #containerCreate #createspace #infoContainer table{
	border-bottom:#5E699D 1px dashed;
	padding:2px;
}

.nepaliecards #containerCreate #createspace #infoContainer {
	width:780px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:40px;
}


.nepaliecards #containerCreate #createspace #infoContainer #catCP .CollapsiblePanelTab {
	background-image:url(/WebImages/firstImage.png);
}


.nepaliecards #containerCreate #createspace #infoContainer #catCP .CollapsiblePanelContent {
	text-align:left;
	background-color:#D5D8E6;
	color:#000000;
	
}
.nepaliecards #cardRating {
	width:350px;
	margin-left:auto;
	margin-right:auto;
	
	
}
.nepaliecards #cardRating .CollapsiblePanelTab {
background-image:url(/WebImages/firstImage.png);
}
.nepaliecards #messageContainer em {
	font-style:normal;
	font-size:10px;
	font-family:Tahoma;
	text-transform:uppercase;
	color:#FF0000;
}

.nepaliecards #help table{
	border:#394162 1px solid;
	background-color:#BCC1D8;
}
#loadingDiv{
	  width:300px; 
	  font-family:'Trebuchet MS'; 
	  font-size:14px; color:#677180; 
	  height:150px; 
	  border:solid 1px #CCCCCC; 
	  position: absolute; 
	  background-color:#D7E2EF; 
	 left:35%;
	 top:50px;
	  text-align:center;
}.nepaliecards .redLink {
	color:#FF0000;
}

.nepaliecards #dhtmltooltip{
	text-align:center;
	border:#677180 1px solid;
	background-color:#D8E2F3;
	font-size:11px; 
	padding:5px;
	margin:0px auto 0px auto;
	position: absolute;
	visibility: hidden;
	z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);


}