/*
Simple Responsive Template v 1.2

/* START SHORTCODES 
------------------------------------------------------------ */
		
/* DROP CAPS
------------------------------------------------------------ */
p .cap {
	text-shadow: 0 1px 0 #fff;
	line-height: 1em;
	float: left;
	}
p .cap_one {
	font-size: 300%;
	font-weight:bold;
	color:#336699;
	padding-right: .1em;	
	}

p .cap_two {
	font-size: 260%;
	margin-right: .2em;
	text-align: center;
	width: 41px;
	color: #fff;
	text-shadow: 0px -1px 0 #000;
	line-height: 41px;
	height: 41px;
	background: url("../images/round_cap.png") no-repeat left top;	
	}

p .cap_three {
	font-size: 260%;
	margin-right: .2em;
	text-align: center;
	border: 1px solid #fff;
	background: maroon;
	color: #fff;
	height: 45px;
	width: 45px;
	padding: 0 5px 5px 5px;
	text-shadow: 0px -1px 0 #000;
	line-height: 42px;
	-moz-border-radius:	4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;	
	}

p .cap_4 {
     float: left;
     color: #3B444B;
     font-size: 30px;
     line-height: 15px;
     padding: 0px 6px 0 0;
     text-shadow: 2px 2px 1px #EEE,
     3px 3px 1px #3B444B;
}

------------------------------------------------------------ */
.pagination {
	margin-bottom:	1.15em;
	
	}	
.pagination .current,
.pagination a {
  	font-weight: bold;
  	border-radius: 3px;
	color: maroon;
	padding: 2px 2px;
	background:	maroon;
	}	
.pagination a {
	color: #4A595E;
	background: #fff;
	border:	0px solid #fff;
	}
.pagination a:hover {
	background: #c2c2c2;
	text-decoration: none;
		
	}


/* PULLQUOTES
------------------------------------------------------------ */

.pullQuoteRight,
.pullQuoteLeft {
	font-style: italic;
	background:	#f9f9f9;
	width: 225px;
	float: left;
	padding-left: 40px;
	margin: 0 15px 5px 0;
	}
.pullQuoteRight {
	margin:	0 0 2px 5px;
	float:	right;
	background: #f9f9f9;
	padding: 10px 10px 10px 10px;
	border: 1px dotted maroon;
	}
p.author {
	text-align: right;
	margin:	0;
	}

/* NOTIFICATIONS
------------------------------------------------------------ */
.successBox,
.errorBox,
.warningBox,
.noticeBox {
	-moz-border-radius:	3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: .3em .8em;
	background:	#d3f3c4;
	text-shadow: 1px 1px 0 #f2f2f2;
	text-align: center;
	border:	1px solid #a7d393;
	-moz-box-shadow: inset 0px 1px 0px #f0faf1;
   	-webkit-box-shadow: inset 0px 1px 0px #f0faf1;
   	box-shadow:	inset 0px 1px 0px #f0faf1;
	}
.errorBox {
	border:	1px solid #ed9580;
	text-shadow: 1px 1px 0 #dfccc7;
	background:	#fac7b9;
	padding: 20px 0 20px 0;
	margin: 5px 0 20px 0;
	font-weight: bold;
	-moz-box-shadow: inset 0px 1px 0px #f8d6cd;
   	-webkit-box-shadow: inset 0px 1px 0px #f8d6cd;
   	box-shadow:	inset 0px 1px 0px #f8d6cd;
	}
.warningBox {
	border: 1px solid #e5bb69;
	text-shadow: 1px 1px 0 #fff;
	background: #fff0d1;
	-moz-box-shadow: inset 0px 1px 0px #fffaf5;
   	-webkit-box-shadow: inset 0px 1px 0px #fffaf5;
   	box-shadow:	inset 0px 1px 0px #fffaf5;
	}
.noticeBox {
	border:	1px solid #92cbe6;
	background: #d1e4ff;
	}

/* TABLES
------------------------------------------------------------ */
table {
	border-collapse: collapse;
	table-layout: fixed;
	margin-bottom: 2em;
	text-align: center;
	width: 100%;
	}
table th, table td {
	padding: 7px;
	}

table a.button,
table a.button:link,
table a.button:visited {
	margin-top: 10px;
	}
table th {
	font-size: 1.1em;
	}

table.dark {
	-moz-box-shadow: 0px 1px 0 #fff;
   	-webkit-box-shadow: 0px 1px 0 #fff;
   	box-shadow:	 0px 1px 0 #fff;
	}
table.dark th {
	background: #5A6266;
	border-right: 1px solid #85888a;
	color: #eaeaea;	
	}
table.dark td {
	border: 1px solid #d0d0d0;
	border-top: none;	
	background: #ECEEEF;
	background: rgba(255, 255, 255, .3);	
	}

table.light {
	border: 1px solid #d0d0d0;
	-moz-box-shadow: 0px 1px 0 #fff;
   	-webkit-box-shadow: 0px 1px 0 #fff;
   	box-shadow:	 0px 1px 0 #fff;
	}
table.light th {
	background: #e4e6e7;
	}
table.light td {
	border-top: 1px solid #d0d0d0;
	background: #e4e6e7;
	}
table.light tr:nth-of-type(odd) td {	
	background: #ECEEEF;
	background: rgba(255, 255, 255, .3);
	}
/* =========================================================
Elements
============================================================ */
ol {
    list-style: decimal outside none;
}

ul {
    list-style: square inside url("../images/arrow-list.png");
}
.arrow-list li {
    background: url("../images/arrow-list.png");
   background-repeat: no-repeat;
    background-position:  right;
    margin-right:2px;
    padding-right: 3px;
    margin-bottom:1px;
  font-size: 18px;
  text-align: right;
  line-height: 28px;
  color: black;
}
.check-list li{
    background-image: url('../images/check-list.png');
    background-repeat: no-repeat;
    background-position:  right 50%;
    padding-right: 20px;
    margin-bottom:5px;
  font-family: "Nafees Web Naskh", Alvi Nastaleeq, Arial, sans-serif;
  font-size: 22px;
  text-align: right;
  line-height: 33px;
  color: #336699;
}
.circle-list li{
    background: url("../images/circle-list.png");
    background-repeat: no-repeat;
    background-position:  right 50%;
    padding-right: 20px;
    margin-bottom:5px;
  font-family: "Nafees Web Naskh", Alvi Nastaleeq, Arial, sans-serif;
  font-size: 22px;
  text-align: right;
  line-height: 33px;
  color: #336699;
}
.error-list li{
    background: url("../images/error-list.png") no-repeat scroll 0 4px transparent;
    padding-left: 15px;
    margin-bottom:5px;
}
.kp-error, .kp-success, .kp-info, .kp-notice {
    display: block;
    margin-top: 20px;
    padding: 10px 20px;
}
.kp-error {
    background: none repeat scroll 0 0 #F9E5E6;
    border: 1px dotted #F7C7C9;
    color: #B3696C;
}
.kp-success {
    background: none repeat scroll 0 0 #E3EBC6;
    border: 1px dotted #C2D288;
    color: #8FA442;
}
.kp-info {
    background: none repeat scroll 0 0 #D8ECF5;
    border: 1px dotted #9AC9DF;
    color: #5694B1;
}
.kp-notice {
    background: none repeat scroll 0 0 #FCF7D9;
    border: 1px solid #F5DC7D;
    color: #D9B31F;
}
.kp-dropcap {
    display: inline-block;
    float: left;
    font-size: 44px;
    font-weight: 700;
    height: 34px;
    line-height: 34px;
    margin: 6px 8px 0 0;
    text-align: center;
    width: 30px;
}
.kp-dropcap.dark {
    background: none repeat scroll 0 0 #3A3A3A;
    color: #FFFFFF;
    font-size: 30px;
}
.button, .medium-button, .large-button{
    display: inline-block;
    padding: 5px 16px;
    background: none repeat scroll 0 0 #000000;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-family:Arial, Helvetica, sans-serif;
    font-weight: 400;
    height: auto;
    overflow: visible;
}
.button:hover,.medium-button:hover, .large-button:hover{
    background: none repeat scroll 0 0 #255379;
    color:#ffffff;
}
.button{
    font-size:12px;
}
.medium-button{
    font-size:14px;
}
.large-button{
    font-size:16px;
}
.more-link {
    background: url("../images/more.png") no-repeat scroll 0 3px transparent;
    color: #222222;
    display: inline-block;
    font-weight: 400;
    padding-left: 18px;
}
.more-link:hover {
    background-position: 0 -46px;
    color: #255379;
    text-decoration: underline;
}