/********************************************
   HTML ELEMENTS
********************************************/ 

/* top elements */
* { margin:0; 	padding: 0; }
body {
	background-color: #FFFFFF;
	margin:0; padding:0; text-align:center;
	font: normal 62.5% "Lucida Grande", Helvetica, Verdana, Arial;
	color: #000;
	}

/**************************************
   LAYOUT 
***************************************/	
#wrap { background:#fff; width:700px; margin:0 auto; margin-top:10px; text-align:left;}
#main { 
width: 100%; 
margin: 0 auto; 
margin-bottom:10px;
text-align: left; 
border: 1px #d8e4e8 solid; 
padding:10px 0 10px 0; 
box-shadow: 2px 2px 2px 2px #EEEEEE;
border-radius: 10px;
background-color:#ffffff; 
} 
#onecolumn { float: left; width: 97%; margin: 0; padding: 0; padding: 0 10px 5px 5px; color: #000;}

/* headers */
h1, h2{ font: "Lucida Grande", Helvetica, Verdana, Arial; }

h2{ font: bold 11px "Lucida Grande", Helvetica, Verdana, Arial; }

#title h1{ 
font: bold 12px "Lucida Grande", Helvetica, Verdana, Arial;
color:#028fbc; 
text-transform: capitalize;
border-bottom: 1px #028fbc solid;
}

#title h2{ 
font: bold 15px "Lucida Grande", Helvetica, Verdana, Arial; 
border-top-left-radius:10px;
border-top-right-radius:10px;
border-bottom-right-radius:0;
border-bottom-left-radius 0;
background-color:#8ca0bf; 
COLOR: #FFFFFF; text-transform: capitalize; padding: 4px 4px 4px 18px; 
}

.sercure { background: url(../images/v2/secure.png) 0 700px no-repeat;}
.red{ font: 11px "Lucida Grande", Helvetica, Verdana, Arial;; color: #ff1100 }
.yellow {padding: 6px; 
font: 11px "Lucida Grande", Helvetica, Verdana, Arial; color: #ff1100; text-align:center; width:100%;
padding:10px 10px 10px 25px; 
font-style:italic; 
 }
.blue { FONT: bold 13px "Lucida Grande", Helvetica, Verdana, Arial; COLOR: #274388; font-style:italic;}

/* main content table */
.tb_main { 
width: 96%; 
margin: 0 auto; 
text-align: left; 
border: 1px #d8e4e8 solid; 
background-color:#f5f5f5; 
moz-box-shadow: 3px 3px 3px #ddd;
-webkit-box-shadow: 3px 3px 3px #ddd; box-shadow: 3px 3px 3px #ddd;
} 


/* link */
a:link { font-weight:bold; color: #3E5D97; text-decoration: none; }
a:visited {color:#3E5D97;	text-decoration: none; }
a:hover { color: #7199E2; text-decoration: none; }
a:active{ color: #9a2826;text-decoration: none; }

/* alignment classes */
.clear { padding-top: 5px }
.onecolumn { padding:5px 5px 5px 20px; color:#000;}
.form_align { padding-left: 15px; }
.space50 { padding-left: 50px }
.space15 { padding-left: 17px }
.space_right { padding-right:20px; float: right;}
.left { MARGIN-LEFT: 150px}
.space50 img {
	height:40px;
}

/*----------  grabpay css  ----------*/

	.grabpay-post__image a {
	display: block;
	 }
	.grabpay-post__image img {
	 
     }
	.grabpay-post__content h2 {
	 margin-top: 15px;  }
	.grabpay-post__content h2.post-title {
	 font-size: 15px;
	 line-height: 18px;
	 color: #333;}
	.grabpay-post__content p.post-desc {
	 font-size: 13px;
	 line-height: 18px;
	 color: #777777;
	 margin-bottom: 15px;
	 margin-top: 18px;  }

/* footer */
#footer { 
width: 100%; 
margin: 0 auto; 
text-align: center; 
padding:10px 0 0px 0; 
font: 11px/15px "Lucida Grande", Helvetica, Verdana, Arial;
border-top: 2px #d8e4e8 solid; 
background-color: #fbfcff
}

/* Tool Tip */
.tooltip { cursor: help; text-decoration: none; position: relative; }
.tooltip span { margin-left: -999em; position: absolute; font:11px "Lucida Grande", Helvetica, Verdana, Arial;}
.tooltip:hover span { border-radius: 5px; font:11px "Lucida Grande", Helvetica, Verdana, Arial;
position: absolute; left: 1em; top: 2em; z-index: 99; margin-left: 0; width: 200px; 
box-shadow: 2px 2px 2px 2px #EEEEEE;}
.info {padding: 5px; background: #f4fcff; border: 1px solid #80c4d7; color: #000000; font:11px Lucida Grande, Helvetica, Verdana, Arial; box-shadow: 2px 2px 2px 2px #EEEEEE;}

		/* Undo some styles from the master stylesheet */
		.checklist li { background: none; padding-left: 0; }
		
		/* CSS for checklists */
		.checklist {
			list-style: none;
			overflow: auto;
			height:15px;
		}
		.checklist, .checklist li { margin-left: 0; padding: 0; border-bottom:1px #DDDDDD solid;}
		
		/* Checklist 1 */
		.cl1 { font: bold 1em "Lucida Grande", Helvetica, Verdana, Arial; width: 100%; height: 15em; padding-top:5px}
		.cl1 .alt { background: #f5f5f5; }
		.cl1 input { vertical-align: middle; }
		.cl1 label:hover, .cl1 label.hover { background: #ddd; color: #000; }
		
		
@media only screen and (max-width: 800px) {
#wrap {
	width:90% !important;
	margin-left:5%;
	margin-right:5%;
	margin-top:2%;	
	}
h2 {
    line-height: 1.5em !important;
}
p {
    line-height: 1.5em!important;
}
}