/* CSS Document */
body { background:#0D2425 url(../images/bg.jpg) no-repeat right bottom; margin:0; padding:0; color:#666; line-height:18px; font-family:Arial, Helvetica, sans-serif; font-size:12px; background-attachment:fixed; }

div,p,input,select,form,ul,li,ol,h1,h2,h3,h4 { margin:0; padding:0;}

img, a img { border:none;}

.left { float:left;}
.right { float:left;}
.clear { clear:both;}

a { color:#65930D; text-decoration:underline;}
a:hover { color:#65930D; text-decoration:underline;}

a.greenlink { color:#65930D; text-decoration:underline;}
a.greenlink:hover { color:#87CA06; text-decoration:underline;}

a.graylink { color:#808080; text-decoration:underline;}
a.graylink:hover { color:#333; text-decoration:underline;}




/* --------------- Page Styles ---------------- */
#Wrapper { width:998px; margin:0 auto; padding:0; position:relative;}

.logo {	width:225px; height:auto; display:block; float:left; margin:10px 0 8px 0;}

div.transbox 
  {
  width:988px;
  overflow:hidden;
  z-index:1;
  padding:5px;
  margin:0 auto;
  background-color:#ffffff;
  background: url(../images/pixel.png);
  }
div.transbox1 
  {
  width:588px;
  overflow:hidden;
  z-index:1;
  padding:5px;
  margin:0 auto;
  background-color:#ffffff;
  background: url(../images/pixel.png);
  /* for IE 
  filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* for IE 8* /
  /* CSS3 standard
	opacity: 0.4;*/
 }
 
.Container-white { width:988px; background-color:#ffffff; float:left; margin:0; padding:0;}
.Container-white1 { width:588px; background-color:#ffffff; float:left; margin:0; padding:0;}
	.Left-content-white { width:654px; float:left; margin:0; padding:22px 20px 10px 22px; }
		.Left-content-white h1 { font-size:30px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#65930D; margin-bottom:15px;}
		.Left-content-white p { margin:0 0 15px 0; font-size:13px;}
		
		.tab-container { width:654px; margin:15px 0 0 0; padding:0; float:left;}
		  .title { color:#5B5C56; font-size:14px; font-weight:bold; line-height:28px;}
		  .input-column { width:300px; display:inline; float:left; margin-bottom:10px;}
		  .input-column i{font-size:11px; margin-bottom:0px;}
		  .input-column label { background:url(../images/input-bk.gif) no-repeat; width:288px; height:30px; line-height:22px; padding:4px; margin:0 0 0px 0; float:left;}
		  .input-column label input.col { background:none; width:282px; height:24px; border:none; outline:none; padding:0px; color:#555; font-size:14px; font-weight:normal; -moz-outline:0; font-family:Arial, Helvetica, sans-serif;}
		
.Recent-proof-section { width:654px; float:left; margin:15px 0 15px 0; padding:0;}
	.Recent-proof-section h2 { font-size:18px; color:#65930D; margin:0 0 5px 0; padding:0;}
	.Recent-proof-section h2 a { color:#65930d; text-decoration:underline;}
	.Recent-proof-section h2 a:hover { color:#97CD31; text-decoration:underline;}	
	.Recent-proof-section h3 { font-size:16px; font-weight:bold; color:#343434; margin:0; padding:0;}
		.recent-proof-details { width:642px; float:left; margin:11px 0; padding:5px; border:1px solid #eee;}
			.recent-proof-img { width:78px; height:78px; float:left; margin:0 15px 0 0; padding:2px; background-color:#f4f4f4; border:1px solid #d5d5d5;}
			.recent-proof-text { width:542px; float:left; margin:0; padding:0;}
			.recent-proof-text hr { height:1px; margin:10px 0 5px 0; background:#E3E3E3; border:0; clear:both; outline:none;}
		.recent-proof-details div.text{text-align:center; border:solid 1px #CCCCCC; padding:15px;}
		.latest-update { background-color:#FEFFEC; border-color:#DCDCDC;}
			
			.add-comments {width:115px; display:block; margin:0 5px 0 0; padding:0; height:23px; background:url(../images/add-comments.gif) no-repeat top; float:right;}
			.add-comments span { display:none;}
			.add-comments:hover { background-position:bottom;}
			
			.share-btn {width:81px; display:block; margin:0 5px 0 0; padding:0; height:23px; background:url(../images/share.gif) no-repeat top; float:right;}
			.share-btn span { display:none;}
			.share-btn:hover { background-position:bottom;}	
			
	.Right-content-white { width:271px; float:right; margin:0; padding:20px 20px 0 1px;}
		.right-signup-link { width:302px; height:19px; position:absolute; right:0; top:44px; background:url(../images/right-bk.png) no-repeat ; padding:15px 0 0 0; text-align:center;}
		
		.Features { width:250px; float:left; margin:0; padding:0px 11px 11px 8px; border-left:1px solid #eee; line-height:16px;}
			.Features h4 { font-size:18px; padding-left:8px;margin-bottom:20px; color:#333; font-weight:bold;}
			.features-detail { width:246px; margin:0 0 10px 0; float:left;}
				.features-detail .icon { width:27px; float:left; margin:0; padding:0px 0 0 0;}
				.features-detail .feature-text strong{font-size:13px; line-height:23px;}
				.features-detail .feature-text { width:215px; float:left; margin:0; padding:0; font-size:11px;}
		
		.Advertisement { width:250px; float:left; margin:10px 0px 20px 0px; padding:18px 0 0 15px;border-left:solid 1px #eee;border-top:solid 1px #eee;}
	    .Advertisement p{line-height:16px;}
		
		
		
.footer { width:996px; margin:10px 0 15px 0; color:#fff; font-weight:bold; text-align:right; font-size:11px;}
				
			
			
			
/* ------------- Font Colors n Sizes ------------------ */					
.size11 { font-size:11px;}


.greenbtn{
background: transparent url(../images/button-left.gif) no-repeat top left;
display: block;
float: left;
font: bold 14px Arial, Helvetica, sans-serif; /* Change 13px as desired */
line-height: 28px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 36px; /* Height of button background height */
padding-left: 30px; /* Width of left menu image */
text-decoration: none;
margin-top:10px;
}

.greensignbtn{
background: transparent url(../images/button-right.gif) no-repeat top left;
display: block;
float: left;
font: bold 14px Arial, Helvetica, sans-serif; /* Change 13px as desired */
line-height: 28px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 36px; /* Height of button background height */
padding-left: 30px; /* Width of left menu image */
padding-right: 30px;
text-decoration: none;
margin-top:10px;
}

a:link.greenbtn, a:visited.greenbtn, a:active.greenbtn{
color: #fff; /*button text color*/
text-decoration:none;
}

a.greenbtn span{
background: transparent url(../images/button-right.gif) no-repeat top right;
display: block;
padding: 4px 30px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
text-decoration:none;
}

a.greenbtn:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.greenbtn:hover span{ /* Hover state CSS */
background-position: bottom right;
color:#003300;
text-decoration:none;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}
	
.err{color:#000000; text-align:center; background-color:#FEF09C; padding:15px; 5px; font-weight:bold; margin-bottom:10px;}
.upload{color:#000000; text-align:center; background-color:#FEF09C; padding:5px; font-weight:bold; margin-bottom:10px;}
#phdiv{width:500; position:absolute; top:27%; left:26.5%; text-align:center; border:solid 3px #FFFFFF; color:#FFFFFF; padding:55px 20px; }
#phdiv p{font-size:16px;}
#phdiv h2{font-size:22px; margin-bottom:10px;}
#phdiv img{margin-bottom:30px;}
#phdiv h4{font-size:12px; margin-top:25px;}

#signupdiv{width:600; position:absolute; top:10%; left:24%; text-align:center; border:solid 3px #FFFFFF; color:#FFFFFF; background-color:#003333; padding:55px 20px; }
#signupdiv p{font-size:16px;}
#signupdiv h2{font-size:22px; margin-bottom:10px;}
#signupdiv img{margin-bottom:30px;}
#signupdiv h4{font-size:12px; margin-top:25px;}

.signerr{color:#fff; text-align:center; background-color:#65930D; padding:5px; font-weight:bold; margin-bottom:10px;}

/* ----------- NEW Form CSS ------------- */
.Form-container { width:500px; padding:15px; margin:50px auto; border:1px solid #ededed; height:500px;}
.Form-container1 { width:500px; padding:15px; margin:50px auto; border:1px solid #ededed; height:200px;}
.form-row { width:450px; margin:10px auto; overflow:hidden; }
.form-row .form-label { width:125px; float:left; margin:0; padding:0; line-height:30px; font-size:14px;}
.form-row .form-field { width:300px; float:left; margin:0; background:url(../images/input-bk.gif) no-repeat left; padding:4px 4px 4px 8px; }
.form-row .form-field .input-class { width:288px; float:left; border:none; height:22px; color:#777; font-size:14px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; background-color:transparent;}
.form-row .form-field select { width:285px; float:left; border:none; height:22px; color:#777; font-size:14px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; background-color:transparent;}
.form-row .form-field select option { background-color:#FEFFEC;}

.form-row-special { width:430px; margin:10px auto; overflow:hidden; clear:both; border:1px solid #e5e5e5; padding:10px; background:#F7F7F7; }


/* ----------- NEW Form CSS ends ------------- */

#header_help {text-align:center; padding:15px 10px 10px 10px; margin-top:25px; border:solid 1px #ddd;}
#header_help div.info{ float:right; bottom:0px; background:#FEF09C; border:solid 1px #ede18b; padding:0px 6px; font-size:11px; cursor:pointer;}
#header_help div.info:hover{background:#eee28c;}

#header_help_tip {position:absolute; right:10px; top:50px; color:#fff; font-size:15px;}
#header_help_tip a{color:#fff; text-decoration:none;}