@charset "utf-8";

html{overflow-y:scroll;}
body{margin:0; padding:0; font-size:14px; line-height:1.4em;}

.bold{font-weight:bold;}
.center{text-align:center;}
.right{text-align:right;}
.uppercase{text-transform:uppercase;}
.hidden{display:none;}
.nospace{margin:0; padding:0; list-style:none;}
.borderedbox{padding:5px; border:1px solid;}

.clear, .group{display:block;}
.clear::before, .clear::after, .group::before, .group::after{display:table; content:"";}
.clear, .clear::after, .group, .group::after{clear:both;}

a{outline:none; text-decoration:none;}

.fl_left, .imgl{float:left;}
.fl_right, .imgr{float:right;}

.imgl{margin:0 15px 10px 0; clear:left;}
.imgr{margin:0 0 10px 15px; clear:right;}


/* Fonts
--------------------------------------------------------------------------------------------------------------- */
body, h1, h2, h3, h4, h5, h6, .heading{font-family: 'droid-arabic-naskh', serif; }


/* Forms
--------------------------------------------------------------------------------------------------------------- */
form, fieldset, legend{margin:0; padding:0; border:none;}
legend{display:none;}
label, input, textarea, select{display:block; resize:none; outline:none; color:inherit; font-size:inherit; font-family:inherit; box-sizing:border-box;}
label{margin-bottom:5px;}


/*----------------------------------*/

/* Generalise
--------------------------------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, .heading{display:block; margin:0 0 10px 0; font-size:16px; line-height:normal; font-weight:normal; font-style:normal;}

address{font-style:normal; font-weight:normal;}
hr{display:block; width:100%; height:1px; border:solid; border-width:1px 0 0 0;}

.wrapper{display:block; margin:0 auto 20px; text-align:left; word-wrap:break-word;}
.rounded, #topbar, #header, #mainav, #slider, .container, #footer, #copyright{display:block; width:100%; box-sizing:border-box;}
.rounded{margin:0; padding:5px;}


/* HTML 5 Overrides
--------------------------------------------------------------------------------------------------------------- */
address, article, aside, figcaption, figure, footer, header, main, nav, section{display:block; margin:0; padding:0;}


/* Grid
--------------------------------------------------------------------------------------------------------------- */
.one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter{display:inline-block; float:right; margin:0 0 0 3.06748466257669%; list-style:none; box-sizing:border-box;}

.first{margin-left:0; clear:left;}

.one_quarter{width:22.69938650306748%;}
.one_third{width:31.28834355828221%;}
.one_half, .two_quarter{width:48.46625766871166%;}
.two_third{width:65.6441717791411%;}
.three_quarter{width:74.23312883435584%;}


/* Spacing
--------------------------------------------------------------------------------------------------------------- */
.btmspace-10{margin-bottom:10px;}
.btmspace-15{margin-bottom:15px;}
.btmspace-30{margin-bottom:30px;}
.btmspace-50{margin-bottom:50px;}

.pright-10{margin-right:10px;}

#add-form fieldset { border:none; float:right; width:90%; }
#add-form .field { clear:both; height:40px;}
#add-form .field.extra { height:275px; padding:2px 0 2px 3px; border:1px solid #d1d1d1; color:#70635b;}
#add-form label { float:right;   color:#06213f;}
#add-form input { padding:4px; border:1px solid #d1d1d1; color:#70635b; float:right;}
#add-form textarea {  padding:2px 0 2px 3px; border:1px solid #d1d1d1; color:#70635b; overflow:auto;}
#add-form .buttons {float:none; background:#666; color:#FFF; width:100px; }
