/************************************/
/*									*/
/*	Project Blood.pk				*/
/*									*/
/*	Designed & Devolpemnet by 		*/
/*	MMHAQ Networks					*/
/*	http://www.mmhaq.net			*/
/*	email: info@mmhaq.net			*/
/*	ContactNo. +92-321-4829771		*/
/*	File: Style CSS 				*/
/*									*/
/************************************/
@charset "utf-8";
a{ color:#FFF; text-decoration:none;}
a:hover{ color:#333;}
html {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}
.btn{ margin:10px; padding:10px; border:#F00 solid 1px;}
.btn:hover{ background:#FF0; color:#FFF; font-weight:bold;}
.clear{ clear:both;}
body{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-color: #000;
	background-image: url(../images/img-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}
img{
	border:0;
	}
#mainDiv{
	width:990px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}
#mainDiv #headerDiv {
	float: left;
	width: 990px;
	position: relative;
	padding-bottom: 20px;
}
#mainDiv #headerDiv #loginDiv {
	float: right;
	position: relative;
	height: 49px;
	width: 449px;
	padding:10px;
	background-image: url(../images/login-bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	color:#a6a6a6;
}
#mainDiv #headerDiv #loginDiv img{ border:#FFF solid 1px; width:55px; height:50px;}
#mainDiv #headerDiv #loginDiv .siteLeft{ float:left; width:200px; margin-left:10px;}
#mainDiv #headerDiv #loginDiv .siteLeft a, .siteRight a{ display:block; padding:2px;}

#mainDiv #headerDiv #loginDiv .siteLeft a:hover, .siteRight a:hover{ color:#F00;}

#mainDiv #headerDiv #loginDiv .siteRight{ float:right; width:150px;}

#mainDiv #headerDiv #logoDiv {
	float: left;
	width: 266px;
	position: relative;
	margin-top: 20px;
	margin-left: 10px;
}
#mainDiv #headerDiv #siteRight{ float:right; margin-right:85px;}
.TextBox{
	width:179px;
	height:27px;
	background:url(../images/login-field-bg.gif) no-repeat center center;
	border: none;
	margin:0;
	padding:0;
	position:relative;
	display:inline;
}
.btnLogin{
	width:69px; color:#FFF;
	height:27px;
	background:url(../images/btn-login.gif) no-repeat center center;
	border: none;
	margin:0;
	padding:0;
	position:relative;
	display:inline;
	top:0px;
}
#mainDiv #headerDiv a{ color:#FFF;}
#mainDiv #headerDiv a:hover{ color:#CCC;}

#mainDiv #headerDiv #logoDiv #Logo {
	text-indent: -1000px;
	background:url(../images/logo.png) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 92px;
}
#mainDiv #headerDiv #logoDiv #Logo a{
	display:block;
	widows:100%;
	height:100%;
}
#mainDiv #headerDiv #menuDiv {
	font-size: 14pt;
	color: #FFF;
	position: relative;
	float: right;
	margin-top: 15px;
	width:590px
}
#mainDiv #headerDiv #menuDiv ul{
	list-style:none;
	margin:0;
	padding:0;
}
#mainDiv #headerDiv #menuDiv ul li{
	list-style:none;
	margin:0;
	padding:0;
	display:inline;
}
#mainDiv #headerDiv #menuDiv ul li a{
	display:block;
	float:left;
	padding: 0 15px;
	color:#FFF;
	text-decoration:none;
}
#mainDiv #headerDiv #menuDiv ul li a:hover{
	color:#e91600;
}
#mainDiv #headerDiv #menuDiv ul li .select{
	color:#e91600;
}
#mainDiv #headerDiv #menuDiv ul li .select:hover{
	color:#ae0c00;
}



#mainDiv #headerLower {
	float: left;
	width: 990px;
	position: relative;
}
#mainDiv #headerLower #bannerMain {
	float: left;
	width: 692px;
	position: relative;
}
#mainDiv #headerLower #searchArea {
	float: left;
	width: 258px;
	height: 312px;
	padding:20px;
	position: relative;
	background-image: url(../images/search-panel-bg.jpg);
	background-repeat: repeat-x;
	color:#FFF;
	font-size: 12pt;
}


#mainDiv #headerLower #searchArea h2{
	font-size: 22pt;
	font-weight:normal;
	margin:0 0 20px 0;
}
#mainDiv #headerLower #searchArea select{
	width: 250px;
	font-size: 12pt;
}
#mainDiv #headerLower #searchArea .btnSearch{
	width: 106px;
	height: 31px;
	background:url(../images/btn-search.gif) no-repeat center center;
	text-indent:-10000px;
	border:0;
}
#mainDiv #headerLower #searchArea #addBlood{
	position:absolute;
	bottom:20px;
	right:25px;
}
#mainDiv #headerLower #SearchArea2 {
	float: left;
	height: 150px;
	width:940px;
	padding:0px 0px 15px 50px;
	position: relative;
	background-image: url(../images/search-panel-bg.jpg);
	background-repeat: repeat-x;
	color:#FFF;
	font-size: 12pt;	
}
#mainDiv #headerLower #SearchArea2 form {width:950px;}
#mainDiv #headerLower #SearchArea2 form p{ font-size:12px; float:left; padding:2px; margin-left:30px;}
#mainDiv #headerLower #SearchArea2 form p label{ display:block;}
#mainDiv #headerLower #SearchArea2 form p select{ width:230px; padding:5px; border:#FFF solid 1px;}
#mainDiv #headerLower #SearchArea2 form p .btnSearch{width:106px; height: 31px; margin-top:13px; background:url(../images/btn-search.gif) no-repeat center;	text-indent:-10000px;	border:0;}
#mainDiv #headerLower #SearchArea2 form p#addBloodRequest{ margin:20px 20px 20px 70px;}


#mainDiv #headerLower #redStrip {
	background-color: #e91600;
	float: left;
	height: 20px;
	width: 940px;
	position: relative;
	left: -5px;
	padding: 12px 30px;
	font-size:11pt;
	color:#FFF;
}
#mainDiv #headerLower #bodyMainDiv {
	background:url(../images/red-corners.png) no-repeat top center #FFF;
	float: left;
	width: 1000px;
	position: relative;
	left:-5px;
}
#mainDiv #headerLower #bodyMainDiv a{ color:#ae0c00;}

#mainDiv #headerLower #bodyMainDiv #bodyLeft {
	background: url(../images/gradient-bg.gif) repeat-x top #FFF;
	float: left;
	width: 202px; height:auto;
	/*height: 442px;
	position: relative;*/
	margin-left:5px;
	padding:20px 20px 0 20px;
}
#mainDiv #headerLower #bodyMainDiv #bodyLeft h3{
	font-size:14px;
	color:#ae0c00;
	margin:0;
	clear:both;
}
#mainDiv #headerLower #bodyMainDiv #bodyLeft ul{
	margin:10px 0 0 15px;
	padding:0;
	list-style:url(../images/bullit.png);
	line-height:18px;
}
#mainDiv #headerLower #bodyMainDiv #bodyLeft ul li a{ color:#000;}
#mainDiv #headerLower #bodyMainDiv #bodyLeft ul li a:hover{ color:#666;}
#mainDiv #headerLower #bodyMainDiv #bodyCenter {
	background-color: #FFF;
	float: left; 
	width: 504px; height:auto;
	/*height: 462px;
	position: relative;*/
	border-left:#CCC 1px solid;
	border-right:#999 1px solid;
}
#mainDiv #headerLower #bodyMainDiv #bodyCenter .subDiv {
	position:relative;
	float:left;
	display:block;
	padding:7px 20px; width:92%;
	border-top:#CCC solid 1px;
	border-bottom:#999 solid 1px;
	background:url(../images/arrow-big.gif) no-repeat 465px;
}
#mainDiv #headerLower #bodyMainDiv #bodyCenter .subDiv img{
	padding:0px 10px 0px 0px;
}


#mainDiv #headerLower #bodyMainDiv #bodyCenter h3{
	/* #32728a*/color:#900;
	font-size:12pt;
	font-variant:small-caps;
	font-weight:bold;
	margin:5px 0;
}
#mainDiv #headerLower #bodyMainDiv #bodyCenter p{
	margin:0 10px 0 0;
	color:#000;
}
#mainDiv #headerLower #bodyMainDiv #bodyCenter p a{
	color:#999;
}
#mainDiv #headerLower #bodyMainDiv #bodyRight {
	background: url(../images/gradient-bg.gif) repeat-x top #FFF;
	float: left;
	width: 202px; height:auto;
	/*height: 442px;
	position: relative;*/
	padding:20px 20px 0 20px;
}
#mainDiv #headerLower #bodyMainDiv #bodyRight .imgThumbs{
	float:left;
	clear: left;
	margin-right: 5px;
	border: #999 1px solid;
}
#mainDiv #headerLower #bodyMainDiv #bodyRight h4{
	font-size: 10pt;
	font-weight:normal;
	margin:0;
	color: #ae0c00; 
}
#mainDiv #headerLower #bodyMainDiv #bodyRight .pStyle{
	margin:0 0 10px 0;
}
#mainDiv #headerLower #bodyMainDiv #bodyRight h3{
	font-size:14px;
	color:#ae0c00;
	margin:0;
	clear:both;; 
}
#mainDiv #headerLower #bodyMainDiv #bodyRight #helpP{
	background:url(../images/logo-red-crescent.gif) no-repeat right center;
	padding-right: 100px;
	margin:0;
}
#mainDiv #headerLower #bodyMainDiv #bodyRight .donateImg{
	margin-left:50px;
}

#mainDiv #subFooterDiv{
	position:relative;
	float:left;
	background:#6e6e6e;
	border-bottom: #4e4e4e 1px solid;
	padding: 15px 131px;
}
#mainDiv #footerDiv{
	position:relative;
	float:left;
	background:#6e6e6e;
	border-top: #8b8b8b 1px solid;
	padding:20px;
	width:950px;
}
#mainDiv #footerDiv a{ color:#999; text-decoration:none;}
#mainDiv #footerDiv a:hover{ color:#CCC;}

.leftFlot{
	float:left;
}
.rightFlot{
	float:right;
}
.linkStyle01{
	color:#32728a;
	text-decoration:none;
}
.linkStyle01:hover{
	color:#ae0c00;
	text-decoration:underline;
}
.dateText{
	color:#b1b1b1;
}
.textStyle01{
	color: #b5b5b5;
}
.textStyle02{
	color: #959595;
}

.GalleryPhotoS{ }
.GalleryPhotoS a img{ height:125px; width:175px; padding:5px;}

.GalleryPhotoBox{ padding:5px;}
.GalleryPhotoBox div{ width:175px; height:150px; padding:10px; margin:10px; text-align:center; float:left;}
.GalleryPhotoBox a img{ width:150px; height:125px;}

.GalleryVideoBox{ padding:5px;}
.GalleryVideoBox div{ width:175px; height:150px; padding:10px; margin:10px; text-align:center; float:left;}
.GalleryVideoBox a img{ width:150px; height:125px;}
.GalleryVideoPlay{ padding:5px;}
.GalleryVideoPlay object{ padding:5px;}
.GalleryVideoS{ }
.GalleryVideoS a img{ height:125px; width:175px; padding:5px;}





/* ------------------------- Start Pagination ---------------------*/
div.pagination {padding: 3px; margin: 3px; text-align:center; clear:both; }

div.pagination a{ padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #F00; text-decoration: none; /* no underline */ color:#000;}

div.pagination a:hover, div.digg a:active {border: 1px solid #000; color: #F00; }

div.pagination span.current {padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #F00; font-weight: bold; background-color: #F00; color: #FFF; }

div.pagination span.disabled { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #EEE; color: #DDD; }

/* ------------------------- End Pagination ---------------------*/
/*	Form Fill Start			*/
.formFill fieldset{ border:none;}
.formFill fieldset p{ margin-bottom:15px; padding:5px; text-align:left; vertical-align:middle;}
.formFill fieldset p label{text-transform:capitalize; font-size:10px; margin-left:10px; margin-right:20px; }
.formFill fieldset p input{border:#C4C3C4 solid 1px; width:80%; margin-left:50px; height:20px;}
.formFill fieldset p input:hover{border:#D7D7D7 solid 1px;}
.formFill fieldset p input[type=radio]{ border:none; border:#C4C3C4 solid 1px; width:14px;margin-left:20px; }
.formFill fieldset p input[type=checkbox]{ border:none; border:#C4C3C4 solid 1px; width:15px; margin:0px;}
.formFill fieldset p select{border:#C4C3C4 solid 1px; width:80%; margin-left:50px;  height:24px;}
.formFill fieldset p select:hover{border:#D7D7D7 solid 1px;}


.formFill fieldset p span select{border:#C4C3C4 solid 1px; width:80%; margin-left:50px;  height:24px; }
.formFill fieldset p span select:hover{border:#D7D7D7 solid 1px;}


.formFill fieldset p span{ color:#FF0000; display:block;}
.formFill fieldset p input[type=submit]{background:#FFF;  width:100px; color:#F00; font-weight:bold; border:#F00 groove 1px;}
.formFill fieldset p input[type=submit]:hover{ background:#F00; border:groove #C4C3C4 1px; color:#fff;}
.formFill fieldset p input[type=reset]{background:#33D1F2;  width:100px; color:#000; font-weight:bold;}
.formFill fieldset p input[type=reset]:hover{ background:#C4C3C4; border:groove #C4C3C4 1px; color:#fff;}

.formFill fieldset p textarea{border:#C4C3C4 solid 1px; width:80%; margin-left:50px; height:50px;}

.msg_error{color:#B92424; font-size:12px; font-weight:bold; padding:10px; background-color:#FBD1D1;width:96%;border-top:1px solid #9E0101;border-bottom:1px solid #9E0101;}
.msg_error li{ list-style:none; padding:2px;}

.msg_success{color:#126905; font-size:12px; font-weight:bold; padding:10px; background-color:#ddffdd;width:96%;border-top:1px solid #009900;border-bottom:1px solid #009900;}
.msg_success p{margin:20px 20px 20px 20px;}
.msg_success li{ list-style:none;}



.mouseover:hover{ background:#F1F1F1;}

.tblList{ width:100%; border-top:#ae0c00 solid 3px; border-bottom:#ae0c00 solid 2px;}
.tblList .tblListHdr , th{font-size: 12px; text-align:center; text-transform:capitalize;	line-height: 18px;	font-weight: bold;	background-color:#6e6e6e; padding-top: 1px; padding-right: 4px; padding-bottom: 2px; padding-left: 4px; color:#FFF;}
.tblList tr:hover{ background:#FFC6C6;}
.tblList td{font-size: 12px;line-height: 18px; border-right:#F00 solid 1px; border-bottom:#F00 solid 1px;}

#bgList{ background:#DDDEDF;}
#bgList:hover{ background:#F1F1F1;}


.NewsStatusBox{ background:#ae0c00;  padding:0px; width:100%; z-index:10; position:fixed; bottom:0px; color:#FFF; height:30px;font-size:14px; }
.NewsStatusBox span{background:#6e6e6e;  color:#FFF; padding:5px;  font-weight:bold; float:left;}

.NewsStatusBox div.left{ float:left; padding:9px 0px 10px 10px; width:6%; font-size:12px; font-weight:bold; }
.NewsStatusBox div.right{ float:right; padding:5px;  width:32%; vertical-align:top; }

.NewsStatusBox marquee{ float:left; width:50%; padding:10px;}
.NewsStatusBox a:hover{ color:#000000;}

.RequestShow{ padding:5px;}
.RequestShow img{ padding:5px;}
.RequestShow p#p{ color:#000; font-size:12px; padding:2px;}
.RequestShow p label{ color:#999; padding:0px 15px;}
.RequestShow p img{ padding:0px;}