body {
	margin:0px;
	padding:0px;
	color: #4a4949;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
	
}
ul {
	margin:0px;
	padding:0px;
	list-style:none;
	
}
strong{ marggin:0px; padding:0px;}
a, a:link, a:visited {
color:#4a4949;
font-size: 13px;
font-weight: bold;
text-decoration:none;

}
a:hover {
	color: #17917f;
	text-decoration:none;
}
p {
	margin: 0px;
	padding: 0 0 20px 0;
	color:#282828;
	
	line-height:20px;
	font-family: Arial, Helvetica, sans-serif;
}
img {
	border: none;
}
h1 {
	font-size: 28px;
	color: #000;
	margin: 0 0 20px 0;
	padding: 5px 0;
	font-weight: normal;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
h2 {
	font-size: 22px;
	color: #137ab9;
	margin: 0 0 20px 0;
	padding:0px;
	font-weight: normal;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
h3 {
	font-size: 17px;
	color: #6F75BE;
	text-decoration: none;
	font-weight: bold;
}
h4 {
	font-size: 15px;
	color: #3b3b3b;
	margin: 0 0 10px 0;
	padding: 0;
	font-weight:bold;
}
h5 {
	padding:0px;
	margin:0px;
	font-size: 14px;
	color: #3b3b3b;
	font-weight:bold;
	font-family:Tahoma, Geneva, sans-serif;
}
h6 {
	font-size: 12px;
	margin: 0 0 5px 0;
	padding: 0;
}
blockquote {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style: italic;
	font-weight:bold;
	color:#000;
	margin:0px;
	padding:0px;
}
blockquote img {
	position:absolute;
	top:40px;
	left:-28px;
}
.blockquote {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style: italic;
	font-weight:bold;
	color:#75767c;
	background:url(images/blockqute_bg.png) no-repeat;
	padding-left:45px;
}
cite {
	font-weight: normal;
	color: #1d68b6;
	font-size: 14px;
}
.cleaner {
	clear: both;
}
.cleaner_h10 {
	clear: both;
	width:100%;
	height: 10px;
}
.cleaner_h20 {
	clear: both;
	width:100%;
	height: 20px;
}
.cleaner_h30 {
	clear: both;
	height: 30px;
}
.cleaner_h40 {
	clear: both;
	width:100%;
	height: 40px;
}
.cleaner_h50 {
	clear: both;
	width:100%;
	height: 50px;
}
.cleaner_h60 {
	clear: both;
	width:100%;
	height: 80px;
}
.h30 {
	height: 30px;
}
.h20 {
	height: 20px;
}
.h50 {
	height: 50px;
}
.margin_r15 {
	margin-right: 15px;
}
.margin_r30 {
	margin-right: 30px;
}
.float_l {
	float: left;
	margin-right:10px;
}
.float_r {
	float: right;
}
.image_wrapper {
	padding: 8px;
	border: 1px solid #000;
	background: #0f1115;
}
.fl_img {
	float: left;
	margin: 3px 30px 15px 0;
}
.fr_img {
	float: right;
	margin: 0px 0 0px 0px;
}
.clr {
	clear:both;
}
.container {
	margin:0px auto;
	padding:0px;
	width:1000px;
	background:url(images/header_bg.jpg) no-repeat;
	margin-top:px;
}

/* top menu */
#toplinks-full-width {
	width:100%;
	background:#17917f;
}
#top-links {
	padding:6px 0;
	margin:0px auto;
	_padding:4px 0;
	width:1000px;
	height:16px;
	position:relative;
}
#top-links ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#top-links ul li {
	padding: 0;
	margin: 0;
	display: inline;
	color:#29dec3;
	font-size: 12px;
	float: right;
	display: block;
	line-height: 14px;
	padding: 0 10px;
	border-right: 1px solid #0cb9a0;
}
#top-links ul li a {
	line-height: 14px;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	font-weight: 400;
	outline: none;
}
#top-links ul li a:hover, #top-links ul li .current {
	color: #0be8c7
}
#top-links ul .last {
	border: none;
	padding-right: 0
}
/* end of top menu */
#font-size .small {
	font-size:11px;
}
#font-size .medium {
	font-size:13px;
}
#font-size .big {
	font-size:15px;
}
#theme-style a {
	text-indent:-99999px;
}
#theme-style .theme1 {
	background:#000;
	color:#FF04FA;
	font-weight:bold;
	border:1px solid #FF04FA;
	padding:0 4px;
	font-size:10px;
}
#theme-style .theme1:hover {
	background:#FF04FA;
	color:#000;
	font-weight:bold;
	border:1px solid #000;
	padding:0 4px;
	font-size:10px;
}
#theme-style .theme2 {
	background:#000;
	color:#FAEA06;
	font-weight:bold;
	border:1px solid #FAEA06;
	padding:0 4px;
	font-size:10px;
}
#theme-style .theme2:hover {
	background:#FAEA06;
	color:#000;
	font-weight:bold;
	border:1px solid #000;
	padding:0 4px;
	font-size:10px;
}
#theme-style .theme3 {
	background:#0000ff;
	color:#FBF6B3;
	font-weight:bold;
	border:1px solid #FBF6B3;
	padding:0 4px;
	font-size:10px;
}
#theme-style .theme3:hover {
	background:#FBF6B3;
	color:#0000ff;
	font-weight:bold;
	border:1px solid #0000ff;
	padding:0 4px;
	font-size:10px;
}
#theme-style .theme4 {
	background:#FFF;
	color:#000;
	font-weight:bold;
	border:1px solid #000;
	padding:0 4px;
	font-size:10px;
	margin-right:5px;
}
#theme-style .theme4:hover {
	background:#000;
	color:#FFF;
	font-weight:bold;
	border:1px solid #FFF;
	padding:0 4px;
	font-size:10px;
}
#home-icon {
	background:url(images/home-icon.gif) no-repeat left top;
	width:11px;
	height:12px;
	text-indent:-999px;
	display:block;
}
#home-icon:hover {
	background:url(images/home-icon.gif) no-repeat left -12px;
}
.search_bg {
	background: #8bd9b0;
	width:265px;
	height:30px;
	position:absolute;
	top:42px;
	right:105px;
	padding:3px;
}
.input {
	width:156px;
	border:none;
	height:22px;
	background:url(images/search-box.jpg) no-repeat;
	margin-top:4px;
	margin-left:5px;
	padding-left:23px;
}
.button-1{
	width:54px;
	height:19px;
	cursor:pointer;
	background:url(images/search_button.png) no-repeat;
	border:none;
	margin-left:5px;
	position:absolute;
	top:8px;
	right:20px;

}
.screen_reader {
	background:url(images/screen_bg.png) no-repeat;
}
.screen_reader a {
	margin-left:10px;
}
.lens a {
	background:url(images/lens_bg.png) no-repeat;
	padding:2px 8px;
}
/*Header Start*/

#header {
	width:1000px;
	height:94px;
}
#header .logo {
	width:492px;
	height:83px;
	float:left;
	background:url(images/logo.png) no-repeat;
}
#header .logo h1 a {
	text-indent:-99999px;
	display:block;
	width:492px;
	height:83px;
}
#header .enthem {
	width:76px;
	float:right;
	height:83px;
	background:url(images/enthem.png) right no-repeat;
	margin-top:5px;
}
/******Navigation menu*********/

#navigation {
	width:1000px;
	height:31px;
	background:#fbb739;
	margin-bottom:15px;
}
#navigation ul {
	list-style:none;
}
#navigation ul li {
	float:left;
	display:block;
}
#navigation ul li a {
	font-size:12px;
	font-weight:bold;
	color:#000;
	padding:8px 23px;
	line-height:32px;
	font-family:Arial, Helvetica, sans-serif;
}
#navigation ul li a:hover {
	background:#009a49;
	color:#FFF;
}
#navigation ul li a.active {
	background:#009a49;
	color:#FFF;
	
}
/*Slider Start*/

#banner {
	margin-top:5px;
	width:975px;
	height:323px;
	background:url(images/slider_bg.png) no-repeat;
	padding:5px 0px 0 5px;
}
#banner .slider {
	float:left;
	border:3px solid #FFF;
	width:584px;
}
#banner .minister {
	float:right;
	width:355px;
	margin-top:10px;
}
.minister span {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#ffa588;
}
.minister p {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#ffa588;
}
/*Slider Start*/

#content-wrapper {
	width:1000px;
}
#content-wrapper .content {
	width:735px;
	float:left;
}
.office {
	width:292px;
	float:left;
}
.slider {
	width:404px;
	float:right;
	border:7px solid #f1efef;
	height:245px;
	padding:2px;
}
#content-wrapper .sidebar {
	width:250px;
	float:right;
}
.sidebar h4 {
	padding-left:5px;
	margin-top:10px;
	border-bottom:1px solid #ececec;
	padding-bottom:10px;
}
.sidebar ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	padding-bottom:10px;
}
.office h3 {
	font-size:15px;
	background:url(images/agproject_2_23.png) no-repeat;
	margin:0px;
	padding:0px;
	color:#FFF;
	width:277px;
	height:35px;
	padding-left:15px;
	line-height:28px;
	margin-bottom:10px;
}
.sidebar a img {
	margin-bottom:12px;
	float:right;
}
.sidebar h3 {
	font-size:15px;
	background:url(images/agproject_2_26.png) no-repeat right;
	margin:0px;
	padding:0px;
	color:#FFF;
	width:235px;
	height:35px;
	padding-left:15px;
	line-height:28px;
	margin-bottom:10px;
}
.sidebar_bg{ background:#e1ffef; padding:10px;}
.sidebar_bg h4{ background:url(images/sidebarh4_bg.png) no-repeat; margin:0px; border:none; line-height:28px; color:#FFF;}

.spotligt {
	width:300px;
	float:left;
	height:250px;
}
.recent-update {
	width:300px;
	float:left;
	margin-left:40px;
	margin-right:40px;
	height:250px;
	position:relative;
}
.notification {
	width:300px;
	float:right;
	height:250px;
}
.notification ul {
	list-style:none;
}
.notification ul li {
	margin-bottom:15px;
}
.notification ul li a {
	font-size:14px;
	font-weight:normal;
}
.notification ul li a:hover {
	color:#953f29;
}
.readmore {
	background:url(images/readmore.png) left no-repeat;
	width:10px;
	height:10px;
	padding:15px;
}
.readmore:hover {
	background:url(images/readmore_hover.png) left no-repeat;
}
#bottom-fullwidth {
	width:100%;
	background:url(images/footer_fulwidth.jpg) repeat-x;
	height:307px;
	padding-top:20px;
}
#bottom-fullwidth .bottom {
	width:1000px;
	margin: 0 auto;
	height: 260px;
}
#bottom-fullwidth p{ color:#FFF;}
.bottom-1 {
	float:left;
	width:200px;
	margin-right:60px;
}
.bottom-2 {
	float:left;
	width:200px;
	margin-right:60px;
}
.bottom-3 {
	float:left;
	width:200px;
	margin-right:60px;
}
.bottom-4 {
	float:right;
	width:200px;
}
.bottom ul {
	list-style:none;
}
.bottom ul li a {
	background:url(images/li_bg.png) left no-repeat;
	padding-left:15px;
	font-weight:normal;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#C2BCBC;
}
.bottom ul li a:hover {
	color:#FFF;
}
 .aglink ul li a {
	background:url(images/li_bg_link.png) left no-repeat;
	padding-left:15px;
	font-weight:normal;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000;
	
}
.img {
	margin-right:38px;
	margin-left:38px;
}

 .footer-1 {
	width:980px;
	margin:0 auto;
	position:relative;
}
.footer-1 p {
	padding:0px;
}
.footer-1 a {
	background:url(images/nic_logo.png) no-repeat;
	width:28px;
	height:14px;
	display:block;
	cursor:pointer;
	text-indent:-9999px;
	position:absolute;
	top:3px;
	right:250px;
}
/*USER DEFINED CSS*/
table.gridview {
	margin-bottom:0px;
}
table.gridview em {
	font-weight:normal;
}
table.gridview th {
	font-size:14px;
	color:#fff;
	background:#11669d;
	padding:5px 10px;
	border:1px solid #e6e7e2;
	text-align:left;
	font-weight:normal;
}
table.gridview tr td {
	font-size:13px;
	font-family:13px Tahoma, Geneva, sans-serif;
	padding:5px 10px;
	border:1px solid #e6e7e2;
	border-top:none;
}
table.gridview tr:hover td {
	background:#5bbfff;
}
table.gridview .tr1 td {
	background:#fff;
	color:#000;
}
table.gridview .tr1:hover td {
	background:#b1dcf9;
}
table.gridview .span a {
	display:inline;
	text-decoration:none;
}
table.gridview .odd {
	background:#d4eeff;
	color:#000;
}
table.gridview .even {
	background:#aadbfb;
	color:#000;
}
table.gridview span a:hover {
	display:block;
}
/*left side bar menu*/
.office ul {
	list-style:none;
}
.office ul li {
	border-bottom:1px dotted #b9c0c4;
	height:42px;
}
.office ul li a {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	padding-left:50px;
	line-height:45px;
	width:242px;
	display:block;
}
.office ul li a:hover {
	color:#17917f;
	background:url(images/arrow_icon.png) no-repeat right;
}
.Account {
	background:url(images/account_icon.png) no-repeat left;
}
.audit1 {
	background:url(images/audit_icon.png) no-repeat left;
}
.revenue {
	background:url(images/revinue_icon.png) no-repeat left;
}
.railway {
	background:url(images/agproject_2_11.png) no-repeat left;
}
/*main content*/
#main-content {
	margin:0px;
	padding:0px;
}


#el01 {width:100%}
/*new css for tree structure*/
ul.treestyle li { font-family:Arial, Helvetica, sans-serif; font-weight: bold;   }
ul.account1 li ul li{ font-weight: normal;   }
li.account1 ul li {margin-left: 50px; font-family:Arial, Helvetica, sans-serif; font-size:12px;font-weight: normal;   }
li.account1 ul li ul li {font-weight: normal; }

ul.account2 li { padding:10px 0; border-bottom:1px solid #c7c8c8;cursor:pointer; }
ul.account2 li ul li{border:none; font-weight: normal; }
.account1{ padding-bottom:5px; margin-left:20px; }
.economic1{ padding-bottom:5px; border-bottom:1px margin-bottom:10px; cursor:pointer;}
.general1{ padding-bottom:5px; border-bottom:1px  margin-bottom:10px; cursor:pointer;}
ul.account2 span{ font-size:14px; font-weight:bold; color:#000; padding-right:10px; }
a.pdf-icon { background:url(/agodisha/content/images/icon-pdf-small.gif) no-repeat left; padding-left:30px; line-height:25px; display:block;margin-left: 30px;;}

.pdf-icon p{ font-size:12px; font-weight:bold; margin-left:50px; }

.gallery ul{ list-style:none;  }
.gallery ul li a img{ margin-right:60px; margin-bottom:20px; border:5px solid #D2D2D2; border-shadow:2px;  }

 
.shrink img {
 
-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.10s ease;
       -o-transition: all 0.10s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.shrink img:hover {
-webkit-transform: rotate(-15deg);
     -moz-transform: rotate(-15deg);
       -o-transform: rotate(-15deg);
      -ms-transform: rotate(-15deg);
          transform: rotate(-15deg);
}
.buttun_menu{

font-size: 13px;
width:190px;
display: block;
text-transform: uppercase;
color: #728681;
padding: 5px 18px;
text-decoration: none;
border-bottom: 1px solid #E0CBCB;
}

table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}
.table {
  width: 100%;
  margin-bottom: 18px;
}
.table th,
.table td  {
  padding: 5px;
  line-height: 18px;
  vertical-align: top;
  border-top: 1px solid #dddddd;
 cursor: auto;
}
.table th,
.table .top  { border-top:none; border-bottom:none;}
 .table th,
.table .bottom  { border-bottom: 1px solid #dddddd;

 
}
.table th {
  font-weight: bold;
  cursor: auto;
}
.table thead th {
  vertical-align: bottom;
}
.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0;
}
.table tbody + tbody {
  border-top: 2px solid #dddddd;
}
.table-condensed th,
.table-condensed td {
  padding: 4px 5px;
}
.table-bordered {
  border: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapsed;
  border-left: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.table-bordered th,
.table-bordered td {
  border-left: 1px solid #dddddd;
}

.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}
.table-bordered thead:first-child tr:first-child th:first-child,
.table-bordered tbody:first-child tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}
.table-bordered thead:first-child tr:first-child th:last-child,
.table-bordered tbody:first-child tr:first-child td:last-child {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
}
.table-bordered thead:last-child tr:last-child th:first-child,
.table-bordered tbody:last-child tr:last-child td:first-child {
  -webkit-border-radius: 0 0 0 4px;
  -moz-border-radius: 0 0 0 4px;
  border-radius: 0 0 0 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
}
.table-bordered thead:last-child tr:last-child th:last-child,
.table-bordered tbody:last-child tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
}
.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: #f9f9f9;
}
.table tbody tr:hover td,
.table tbody tr:hover th {
  background-color: #f5f5f5;
}
table .span1 {
  float: none;
  width: 44px;
  margin-left: 0;
}
table .span2 {
  float: none;
  width: 124px;
  margin-left: 0;
}
table .span3 {
  float: none;
  width: 204px;
  margin-left: 0;
}
table .span4 {
  float: none;
  width: 284px;
  margin-left: 0;
}
table .span5 {
  float: none;
  width: 364px;
  margin-left: 0;
}
table .span6 {
  float: none;
  width: 444px;
  margin-left: 0;
}
table .span7 {
  float: none;
  width: 524px;
  margin-left: 0;
}
table .span8 {
  float: none;
  width: 604px;
  margin-left: 0;
}
table .span9 {
  float: none;
  width: 684px;
  margin-left: 0;
}
table .span10 {
  float: none;
  width: 764px;
  margin-left: 0;
}
table .span11 {
  float: none;
  width: 844px;
  margin-left: 0;
}
table .span12 {
  float: none;
  width: 924px;
  margin-left: 0;
}
table .span13 {
  float: none;
  width: 1004px;
  margin-left: 0;
}
table .span14 {
  float: none;
  width: 1084px;
  margin-left: 0;
}
table .span15 {
  float: none;
  width: 1164px;
  margin-left: 0;
}
table .span16 {
  float: none;
  width: 1244px;
  margin-left: 0;
}
table .span17 {
  float: none;
  width: 1324px;
  margin-left: 0;
}
table .span18 {
  float: none;
  width: 1404px;
  margin-left: 0;
}
table .span19 {
  float: none;
  width: 1484px;
  margin-left: 0;
}
table .span20 {
  float: none;
  width: 1564px;
  margin-left: 0;
}
table .span21 {
  float: none;
  width: 1644px;
  margin-left: 0;
}
table .span22 {
  float: none;
  width: 1724px;
  margin-left: 0;
}
table .span23 {
  float: none;
  width: 1804px;
  margin-left: 0;
}
table .span24 {
  float: none;
  width: 1884px;
  margin-left: 0;
}
[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("../img/glyphicons-halflings.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
}
.sidebar-left{ width:250px; float:left; }
.sidebar-right{ width:720px; float:right; }
.sidebar-left-hindisection{ width:450px; float:left; }
.sidebar-right-hindisection{ width:450px; float:right; }

.rightbar ul {
    background: none repeat scroll 0 0 #fbb739;
    border-bottom: 4px solid #d8dfea;
    border-radius: 5px;
    border-top: 4px solid #d8dfea;
    list-style: none outside none;
    padding: 0;
    width: 400px;
}

.rightbar ul li a {
    color: #524040;
    display: block;
    padding: 5px 15px;
    text-decoration: none;border-radius: 9px;
}


.rightbar ul li a:hover{color:#FFF;background:#047b32;border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;}
.rightbar ul li {
    border-bottom: 1px solid #f4e4c6;
    display: block;
    overflow: hidden;padding: .25em; 
}



/* .pdflink{width: 250px;margin-left: 90px;} */
 .block-title {
    padding: 10px;
    background: none repeat scroll 0% 0% #F1F1F1;
    color: #434343;
    border-radius: 10px;
    margin-bottom: 10px;
    margin-top: 0px;
    border-top: 5px solid #D8DFEA;
    border-bottom: 5px solid #D8DFEA;
}
/* Light Box */
 /*---------------------------------------

	RESET, BODY

-----------------------------------------*/




.section { position: relative; margin: 0 auto; width: 664px; overflow: hidden; margin-bottom: 20px; }
.section-split { position: relative; margin: 0 auto; width: 700px; overflow: hidden; margin-bottom: 20px; }
.section-lt { position: relative; float: left; width: 304px;  }
.section-rt { position: relative; float: right; width: 304px; }

.box { background: #2C7AA5; background: rgba(40, 118, 160, 0.3); padding: 18px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

#examples { text-align: center; }
 





#go { margin: 0 auto; width: 200px; }

#intro { margin: 0 auto; width: 500px; font-size: 1.3em; color: #FFF; text-align: center; font-family: "Lucida Sans Unicode", "Lucida Grande";  margin-bottom: 50px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); }

 

 

 
/*---------------------------------------

	LEAN MODAL

-----------------------------------------*/

#lean_overlay {
    position: fixed;
    z-index: 10000;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}


/*---------------------------------------

	EXAMPLES

-----------------------------------------*/

        #signup {

     width: 404px;
     padding-bottom: 2px;

    display:none;


    background: #FFF;
        border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
        box-shadow: 0px 0px 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
       
}

  
 
#signup-header { background: url(../img/hd-bg.png); padding: 18px 18px 14px 18px; border-bottom: 1px solid #CCC; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }

#signup-header  h2 { color: #444; font-size: 2em; font-weight: 700; margin-bottom: 3px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); }
#signup-header  p { color: #444; font-size: 1.3em; margin: 0; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); text-shadow: none; }

#signup .txt-fld { position: relative; width: 364px; padding: 14px 20px; border-bottom: 1px solid #EEE; text-align: right; }
#signup .btn-fld { width: 254px; overflow: hidden; padding: 10px 10px 30px 70px; }

 #signup .txt-fld label { display: block; float: left; width: 90px; padding-top: 8px; color: #222; font-size: 1.3em; text-align: left;  }
#signup .txt-fld input { width: 244px; padding: 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 1.2em; color: #222; background: #F7F7F7; font-family: "Helvetica Neue"; outline: none; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #E7E6E6; border-bottom: 1px solid #E7E6E6; }
#signup .txt-fld input.good_input { background: #DEF5E1 url(../img/good.png) 236px center no-repeat; }
#signup .txt-fld input.error_input { background: #FDE0E0; }

 

p.error { position: absolute; bottom: 48px; right: 20px; width: 262px; color: #FFF; font-size: 1.1em; padding-bottom: 5px; background: url(../img/error-arw.png) 20px bottom no-repeat; text-align: left; margin: 0; text-shadow: none; }
p.error span { display: inline-block; background: #D43636; padding: 6px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;  }
.txt-fld input:focus, .txt-fld textarea:focus { background-color: #FAF9DC; }
        
.modal_close1 {
	float:right ;
	font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	background: #3F9D4A; 
	border: none;
    width: auto;
    overflow: visible;
    font-size: 1.4em;
    color: #FFF;
    padding: 07px 30px;  border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; font-weight: bold; text-shadow: 0 1px 0 rgba(0,0,0,0.4);
    }
        
.modal_close { position: absolute !important; top: 12px; right: 12px; display: block; width: 14px; height: 14px; background: url(./img/modal_close.png); z-index: 2; }

.button {
	float: left;
	font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	background: #3F9D4A; 
	border: none;
    width: auto;
    overflow: visible;
    font-size: 1.4em;
    color: #FFF;
    padding: 07px 30px;  border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; font-weight: bold; text-shadow: 0 1px 0 rgba(0,0,0,0.4);
    }
 
 
 