/* ------ general
-----------------------------------------------*/
@font-face{
font-family:'Sakkal Majalla';
src: url(../font/majalla.ttf);
url(../font/majallab.ttf); 
}

body {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
background-color:none;
}

.wrapper {
width:420px;
background-color:none;
}

h2{
border:1px dashed #D30037;
font-family:'Candara';
font-size:18px;
color:#000;
padding:5px 5px;
text-align:center;
background:#fff;
opacity:0.6;
filter:alpha(opacity=60);
-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:300px;
	margin:150px 0 0 0;
}

.blocks p {
margin-bottom:5px;
position:relative;
}

.btn {
	background:url(../img/submit.png) no-repeat;
	width:90px;
	text-indent:999px;
	 border: medium none;
    border-radius: 3px 3px 3px 3px;

    cursor: pointer;
  
    height: 31px;
    
}


.text,
.textarea {
    border: 1px solid #999999;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    color: #ADA2A2;
    font-family: Arial;
    font-size: 12px;
    font-style: italic;
    height: 25px;
    padding: 0 0 0 10px;
    width: 220px;
	margin:5px;


	}

.select
{
display:block;
float:left;
height:31px;
line-height:31px;
padding:0 10px;
background:url(../gfx/bgbtn.jpg) repeat-x;
color:#565e62;
font-weight:bold;
font-size:11px;
border:1px solid #e1e0df;
outline:none;
width:220px;
}

.text {
width:190px;
margin-top:5px;
float:left;
margin-left:10px;
}

.textarea {
height:50px;
width:190px;
margin-left:10px;
padding:5px;
}

.blocks label {
	color:#666;
	
	font-size:13px;
	font-weight:bold;
font-family:'Candara';
	text-align:right;
	padding:5px 5px 0 0;

	float:left;
	display:block;
	width:100px;
	margin: 5px 0 0 0;
	
	}

.blocks label.error,
.blocks label.ok {
position:absolute;
z-index:1;
top:0px;
left:161px;
padding:10px 5px 5px 30px;
/*reset label*/
width:auto;
text-align:left;
margin:0;
background-repeat:no-repeat;
background-position:10px 10px;
}

.blocks label.ok {
background:#060;
    font-size: 12px;
    left: 250px;
    opacity: 0.6;
	border-radius:9px;
     top: -1px;
	 color:#FFF;
}

.blocks label.error {
background:#EE0101;
    font-size: 12px;
    left: 190px;
    opacity: 0.7;
	border-radius:9px;
     top: -1px;
	 color:#FFF;
}

.area label.ok,
.area label.error {
height:115px;
padding-left:410px;
background-position:387px 16px;

}

/* CSS3 */
.btn,
.text,
.textarea,
.blocks label.error,
.blocks label.ok { 
/*-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
*/}

a {
color: #CCCCCC;
}

a img {
border:none;
}
.midbody-con-right-top{
	width:360px;
	height:88px;
	background:url(../images/arrow.png) no-repeat right;
}
.midbody-con-right-top p{
background: none repeat scroll 0 0 #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    color: #000000;
    font-family: 'Candara';
    font-size: 16px;
    font-weight: bold;
    left: 90px;
    opacity: 0.7;
    padding: 5px 8px;
    position: relative;
    text-align: right;
    top: 15px;
    width: 220px;
}