html, body{
	height: 100%;
	}

body{
	margin: 0;
	padding: 0;	
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: 300;
	color: #6c6c6c;	
	}

h1, h2, h3{
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #454445;
	font-size:16px;
	margin-bottom:5px;
	}

p, ol, ul{
	margin-top: 0;
	}

ol, ul{
	padding: 0;
	list-style: none;
	}

p{
	padding:0;
	margin:0;
	font-size:12px;
	}

strong{
	}

a{
	color: #DB3256;
	}

a:hover{
	text-decoration: none;
	}
	
/*Wraps the whole page*/
.container{
	margin: 0;
	width: 100%;	
	}

/*********************************************************************************/
/* Image Style                                                                   */
/*********************************************************************************/

.image{
	display: inline-block;
	}

.image img{
	display: block;
	width: 100%;
	}

.image-full{
	display: block;
	width: 100%;
	margin: 0 0 2em 0;
	}

.image-left{
	float: left;
	margin: 0 2em 2em 0;
	}

.image-centered{
	display: block;
	margin: 0 0 2em 0;
	}

.image-centered img{
	margin: 0 auto;
	width: auto;
	}

/*********************************************************************************/
/* List Styles                                                                   */
/*********************************************************************************/

	ul.style1
{
	margin: 0;
	padding: 0em 0em 0em 0em;
	overflow: hidden;
	list-style: none;
	color: #6c6c6c
}

ul.style1 li
{
	overflow: hidden;
	display: block;
	padding: 2.80em 0em;
	border-top: 1px solid #D1CFCE;
}

ul.style1 li:first-child
{
	padding-top: 0;
	border-top: none;
}

ul.style1 .image-left
{
	margin-bottom: 0;
}

ul.style1 h3
{
	padding: 1.2em 0em 1em 0em;
	letter-spacing: 0.10em;
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: 600;
	color: #454445;
}

ul.style1 a
{
	text-decoration: none;
	color: #525252;
}

ul.style1 a:hover
{
	text-decoration: underline;
	color: #525252;
}

ul.style2
{
	margin: 0;
	padding-top: 1em;
	list-style: none;
}

ul.style2 li
{
	border-top: solid 1px #E5E5E5;
	padding: 0.80em 0 0.80em 0;
	font-family: 0.80em;
}

ul.style2 li:before
{
	display: inline-block;
	padding: 4px;
	background: #DB3256;
}

ul.style2 a
{
	display: inline-block;
	margin-left: 1em;
}

ul.style2 li:first-child
{
	border-top: 0;
	padding-top: 0;
}

ul.style2 .icon
{
	color: #FFF;
}

ul.style3
{
	margin: 0;
	padding-top: 1em;
	list-style: none;
}

ul.style3 li
{
	border-top: solid 1px rgba(255,255,255,.2);
	padding: 1em 0 1em 0;
	font-family: 0.80em;
}

ul.style3 li:before
{
	display: inline-block;
	padding: 4px;
	background: #FFF;
}

ul.style3 a
{
	display: inline-block;
	margin-left: 1em;
	font-size: 1em !important;
	color: #FFF;
}

ul.style3 li:first-child
{
	border-top: 0;
	padding-top: 0;
}

ul.style3 .icon
{
	color: #DB3256;
}

/*********************************************************************************/
/* Social Icon Styles                                                            */
/*********************************************************************************/

	ul.contact
{
	margin: 0;
	padding: 2em 0em 0em 0em;
	list-style: none;
}

ul.contact li
{
	display: inline-block;
	padding: 0em 0.30em;
	font-size: 1em;
}

ul.contact li span
{
	display: none;
	margin: 0;
	padding: 0;
}

ul.contact li a
{
	color: #FFF;
}

ul.contact li a:before
{
	display: inline-block;
	background: #3f3f3f;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	text-align: center;
	color: #FFFFFF;
}

ul.contact li a.icon-twitter:before
{
	background: #2DAAE4;
}

ul.contact li a.icon-facebook:before
{
	background: #39599F;
}

ul.contact li a.icon-dribbble:before
{
	background: #C4376B;
}

ul.contact li a.icon-tumblr:before
{
	background: #31516A;
}

ul.contact li a.icon-rss:before
{
	background: #F2600B;
}

/*********************************************************************************/
/* Button Style                                                                  */
/*********************************************************************************/

.button
{
	display: inline-block;
	padding: 1.3em 3em;
	background: #DB3256;
	-moz-transition: opacity 0.25s ease-in-out;
	-webkit-transition: opacity 0.25s ease-in-out;
	-o-transition: opacity 0.25s ease-in-out;
	-ms-transition: opacity 0.25s ease-in-out;
	transition: opacity 0.25s ease-in-out;
	letter-spacing: 0.20em;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 600;
	color: #FFF;
}

.button:hover
{
}

.button:active
{
}

.button-big
{
	padding: 1.6em 4em;
	font-size: 1.4em;
	font-weight: 900;
}

/*********************************************************************************/
/* Heading Titles                                                                */
/*********************************************************************************/

	.title
{
	margin-bottom: 3em;
}

.title h2
{
	font-weight: 400;
	font-size: 2.8em;
	color: #323232;
}

.title .byline
{
	letter-spacing: 0.15em;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 1.1em;
	color: #6F6F6F;
}

/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/
	
#header-wrapper{
	background: #9d2e34;
	border-bottom:10px solid #fffac2;
	width:100%;
	}

#header{
	position: relative;
	height: 135px;
	}

/*********************************************************************************/
/* Logo                                                                          */
/*********************************************************************************/

#logo{
	position: absolute;
	top:10%;
	left:30%;
	}
#logo img{
	position:relative;
	float:left;
	}
#logo img.mobilesize{
	display:none;
	}
#logo span{
	position:relative;
	display: inline-block;
	font-size:22px;
	color: #fffac2;
	font-weight: 400;
	left:3%;
	top:35px;

	}
#logo a{
	text-decoration: none;
	color: #fffac2;
	}
	
/*social media*/
.social{
		position:absolute;
		top:5%;
		right:0;	
		}
.social ul{
	list-style:none;
	}
.social ul li{
	float:left;
	padding-left:7px;
	}
.social ul li a{
	text-decoration:none;
	cursor:pointer;
	}	
/*Search*/
.search{
	position:relative;
	right:0;
	top:35%;
	float:right;
	/*width:30px;
	height:10px;*/
	border:1px solid #2baabd;
	border-radius:5px;
	-webkit-border-raidus:5px;
	-moz-border-raidus:5px;
	padding:1px;
	background:#ffffff;
	}
.search form .inputfield{
	float:left;
	outline:none;
	border:1px solid #ffffff;
	padding:2px;
	font-size:12px;
	color:#2baabd;	
	}
.search form .btn{
	float:right;
	background:url('images/search.png') top center no-repeat;	
	width:20px;
	height:20px;
	}	
/*administators page*/
#loggedin{
	position:absolute;		
	top:5%;
	right:5%;
	color:#ffffff;
	font-size:14px;	
		}
#loggedin a{
	text-decoration:underline;
	color:#ffffff;
	font-size:14px;	
	}
	
/*datetime*/
#datetime{
	position:absolute;		
	top:35%;
	right:3%;
	color:#ffffff;
	font-size:11px;
	}
/*********************************************************************************/
/* Menu                                                                          */
/*********************************************************************************/
#menu{
	position: absolute;
	right: 0;
	top: 72%;
	padding:0;
	height:30px;	
	}

#menu ul{		
	padding:0;
	margin:0;	
	}

#menu ul li{
	display: block;
	float: left;
	text-align: center;
	margin:0;
	}

#menu ul li a, #menu ul li{
	display: inline-block;
	margin-left: 0.50em;	
	padding: 3px 5px 3px 5px;	
	letter-spacing: 0.20em;
	text-decoration: none;
	font-size: 0.90em;
	font-weight: 600;	
	font-size:12px;
	outline: 0;
	color: #2D2D2D;
	background: #2baabd;
	border-radius:5px 5px 0px 0px;
	-moz-border-radius:5px 5px 0px 0px;
	-webkit-border-radius:5px 5px 0px 0px;
	}
#menu ul li a:hover{
	background: #2baabd;
	color: #FFF;
	border-radius:5px 5px 0px 0px;
	-moz-border-radius:5px 5px 0px 0px;
	-webkit-border-radius:5px 5px 0px 0px;
	}
#menu ul li a:active{
	background: #2baabd;
	color: #FFF;
	border-radius:5px 5px 0px 0px;
	-moz-border-radius:5px 5px 0px 0px;
	-webkit-border-radius:5px 5px 0px 0px;
	}
#menu li:hover a, #menu li.active a, #menu li:active a{
	
	}
#menu .icon{
	}
	
/*Administrator login*/
#menuadd{
	position: absolute;
	right:3%;
	top: 74%;
	padding:0;
	margin:0;
	height:30px;	
	}
#menuadd ul{
	padding:0;
	margin:0;	
	}
#menuadd ul li{
	display: block;
	float: left;
	position:relative;
	text-align: center;
	margin:0;
	}
#menuadd ul li a, #menu ul li{
	display: inline-block;
	margin-left: 0.50em;
	padding: 3px 5px 8px 5px;	
	letter-spacing: 0.20em;
	text-decoration: none;
	font-size: 0.90em;
	font-weight: 600;
	font-size:12px;
	outline: 0;
	color: #2D2D2D;
	background: #2baabd;
	border-radius:5px 5px 0px 0px;
	-moz-border-radius:5px 5px 0px 0px;
	-webkit-border-radius:5px 5px 0px 0px;
	}
#menuadd ul li a:hover{
	background: #2baabd;
	color: #FFF;
	border-radius:5px 5px 0px 0px;
	-moz-border-radius:5px 5px 0px 0px;
	-webkit-border-radius:5px 5px 0px 0px;
	}
#menuadd ul li a:active{
	background: #2baabd;
	color: #FFF;
	border-radius:5px 5px 0px 0px;
	-moz-border-radius:5px 5px 0px 0px;
	-webkit-border-radius:5px 5px 0px 0px;
	}
	
/*Drop down menu*/
#menuadd ul li ul{
	display:none;
	z-index:100;
	}
#menuadd ul li ul{
	display:none;
	z-index:100;
	}
#menuadd ul li:hover ul{
	display:block;
	position:absolute;
	z-index:100;
	}
#menuadd ul li:hover ul li{
	float:none;
	/*width:180px;*/
	}
#menuadd ul li:hover ul li a{
	float:none;
	background:#2baabd;
	opacity:0.8;
	border-radius:0px 0px 0px 0px;
	-moz-border-radius:0px 0px 0px 0px;
	-webkit-border-radius:0px 0px 0px 0px;
	font-weight:normal;
	border-bottom:1px solid #e5e5e5;
	width:160px;
	text-align:left;
	padding-left:5px;
	}
	

/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/
	
#banner-wrapper
{
	overflow: hidden;
	padding: 3em 0em;
	background: #ECECEC;
}

#banner
{
	text-align: center;
}

#banner .box-left
{
	float: left;
}

#banner .box-right
{
	float: right;
}

#banner h2
{
	margin: 0em;
	padding: 0em;
	font-weight: 400;
	font-size: 3em;
	color: #555555;
}

#banner span
{
	display: block;
	padding-top: 0.20em;
	text-transform: uppercase;
	font-size: 1.2em;
	color: #A2A2A2;
}

/*********************************************************************************/
/* Page                                                                          */
/*********************************************************************************/

#wrapper
{
	background: #FFF;
	}

#page{
	overflow: hidden;
	padding: 6em 0em;
	border-bottom: 2px solid #E3E3E3;
	}

/*********************************************************************************/
/* Content                                                                       */
/*********************************************************************************/

#content{
	float: left;
	width: 700px;
	}

/*********************************************************************************/
/* Sidebar                                                                       */
/*********************************************************************************/

#sidebar{
	float: right;
	width: 450px;
	}

#stwo-col{
	margin-top: 2em;
	}

#stwo-col h2
{
	display: block;
	padding-bottom: 1.5em;
	letter-spacing: 0.10em;
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: 600;
	color: #454445;
}

#stwo-col .sbox1
{
	float: left;
	width: 210px;
}

#stwo-col .sbox2
{
	float: right;
	width: 210px;
}

/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/

	#copyright
{
	overflow: hidden;
	padding: 5em 0em;
}

#copyright p
{
	letter-spacing: 0.20em;
	text-align: center;
	text-transform: uppercase;
	font-size: 0.80em;
	color: rgba(255,255,255,0.3);
}

#copyright a
{
	text-decoration: none;
	color: rgba(255,255,255,0.6);
}

/*********************************************************************************/
/* Featured                                                                      */
/*********************************************************************************/

#featured-wrapper
{
	overflow: hidden;
	padding: 5em 0em;
	background: #FFF;
	text-align: center;
}

#featured
{
	overflow: hidden;
}

#featured .major
{
	overflow: hidden;
	margin-bottom: 3em;
	padding-bottom: 2em;
	border-bottom: 1px solid #E8E8E8;
}

#featured .major h2
{
	font-size: 3em;
}

#featured .major .byline
{
	font-size: 1.3em;
}

#featured .title
{
	margin-bottom: 1.5em;
	padding-bottom: 1.5em;
	border-bottom: 1px solid #E3E3E3;
}

#featured .title h2
{
	font-size: 1.2em;
}

#featured h2
{
	text-align: center;
}

#featured .icon
{
	position: relative;
	display: inline-block;
	width: 80px;
	height: 80px;
	background: #DB3256;
	margin: 0px auto 20px auto;
	line-height:  80px;
	font-size: 2em;
	text-align: center;
	color: #FFF;
}

.column1,  .column2,  .column3,  .column4
{
	width: 282px;
}

.column1,  .column2
{
	float: left;
	margin-right: 24px;
}

.column3{
	float: left;
	}

.column4{
	float: right;
	}
	
/*Middle part*/
#middle-part{
	background-position: center;
	background-size: cover;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	min-height:420px;
	overflow:hidden;	
	}
.word{
	position:absolute;
	z-index:1000;
	top:70%;	
	background:url(images/cpation.png);
	width:40%;
	padding:5px;
	left:25%;	
	-moz-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	opacity:0.8;
	color:#ffffff;	
	}
.word h1{
	color:#39b54a;
	}
/*Slider images*/
#sliderimages{	
	position:relative;
	z-index:200;
	top:0;	
	overflow:hidden;		
	}
#sliderimages .button{
	display: inline-block;
	background: rgba(255,255,255,0.2);	
	color: #ffffff;
	text-decoration: none;
	outline: 0;
	font-size: 1.25em;
	text-shadow: 0 1px 1px #003A6C;
	z-index: 5;
	}
#sliderimages .previous-button{
	position: absolute;
	top: 230px;
	left: 0;
	/*border:1px solid blue;*/
	}

#sliderimages .next-button{
	position: absolute;
	top: 230px;
	right: 0;
	}
	
#sliderimages .viewer{
	width: 100%;
	position:relative;
	height: 340px;
	margin: 0 auto;
	overflow: hidden;
	}

#sliderimages .viewer .reel{
	display: none;
	height: 340px;
	}

#sliderimages .viewer .reel .slide{
	position: relative;
	width: 100%;
	height: 340px;
	}
#slider-wrapper{
	padding: 6em 0em;
	background: #DB3256;
	}
/*#slider{
	margin: 0em auto 0em auto;
	width: 1200px;
	position: relative;
	}

#slider .button{
	}

#slider .button:hover{
	}*/

/*Inner pages*/
#middle-part h1{
	font-size:18px;
	color:#2baabd;
	font-weight:bold;
	padding:1% 5% 1% 2%;
	}
#middle-part .leftcontent{
	position:relative;
	float:left;
	width:45%;
	left:2%;
	border:1px;
	overflow:hidden;
	}
#middle-part .rightcontent{
	position:relative;
	float:right;
	width:45%;
	right:2%;
	border:1px;
	overflow:hidden;
	}
	
/*Our services*/
#middle-part .leftcontentser{
	position:relative;
	float:left;
	width:30%;
	left:2%;	
	overflow:hidden;
	}
#middle-part .rightcontentser{
	position:relative;
	float:right;
	width:55%;
	min-height:270px;
	overflow:hidden;
	right:2%;
	top:3%;
	bottom:3%;
	border:1px solid #e5e5e5;
	overflow:hidden;
	}
/*Our services bars*/	
p.service{
	width:90%;
	padding:3px 3px 3px 10px;
	margin:5px 0;
	background:#2baabd;
	color:#ffffff;
	border-radius:3px 3px 3px 3px;
	-moz-border-radius:3px 3px 3px 3px;
	cursor:pointer;
	}
span.right{
	float:right;
	margin-right:5%;
	}
	
#middle-part .rightcontentser div{
	 width:100%
	}
#middle-part .rightcontentser div h2{
	 color:#2baabd;
	 font-size:14px;
	 padding:1% 3% 0 1%;
	}
#middle-part .rightcontentser div h3{
	 color:#2baabd;
	 font-size:12px;
	 font-weight:normal;
	 padding:1% 3% 0 1%;
	 text-decoration:underline;
	}
#laboratory{
	display:none;
	}
#x-ray{
	display:none;
	}
#pharmacy{
	display:none;
	}
#specialised{
	display:none;
	}
#middle-part .rightcontentser div table{
	 margin-top:5px;
	 margin-left:1%;
	 width:98%;
	}
#middle-part .rightcontentser div table td.tblimage{
	 float:left;
	 width:50%;
	}
#middle-part .rightcontentser div table td.tbltext{
	 float:right;
	 width:48%;
	 margin-left:2%;
	 font-size:12px;	 
	}
#middle-part .rightcontentser div table td.tbltext p{
	 padding-left:5px;	 
	}
	
/*Specialised clinics*/
#middle-part .rightcontentser div#specialised table{
	 margin-top:5px;
	 margin-left:1%;
	 width:98%;
	}
#middle-part .rightcontentser div#specialised table td.tblimage{
	 float:left;
	 width:30%;
	}
#middle-part .rightcontentser div#specialised table td.tbltext{
	 float:right;
	 width:68%;
	 margin-left:2%;
	 font-size:12px;
	}
#middle-part .maincontent{	
	background-position: center;
	background-size: cover;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	min-height:310px;
	overflow:hidden;		
	}
#middle-part .maincontent .pagehead{
	font-size:16px;
	margin-top:10px;
	font-weight:500;
	color:#2baabd;	
	text-align:left;
	}
	
/*Laboratory prescription*/
#middle-part .laboratory{	
	width:90%;
	margin-left:5%;
	min-height:20px;
	border:1px solid purple;
	border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;			
	}
#middle-part .laboratory .laboratortitle{
	background:#2baabd;
	color:#ffffff;
	height:15px;
	}
#slider .viewer .reel h2{
	position: absolute;
	top: 130px;
	left: 0;
	width: 1200px;
	height: 80px;
	line-height: 80px;
	background: #111111;
	text-align: center;
	opacity: 0.85;
	font-weight: normal;
	color: #ffffff;
	font-size: 2.25em;
	}

#slider .viewer .reel p
{
	position: absolute;
	top: 210px;
	left: 0;
	width: 1200px;
	height: 40px;
	line-height: 40px;
	background: #0074C6;
	text-align: center;
	opacity: 0.85;
	font-weight: normal;
	color: #ffffff;
	font-size: 1.1em;
}

#slider .icon
{
	font-size: 4em;
	color: #FFF;
}

#slider .previous-button
{
	position: absolute;
	top: 150px;
	left: 0;
}

#slider .next-button
{
	position: absolute;
	top: 150px;
	right: 0;
}

#slider .indicator
{
	margin: 30px auto 0 auto;
}

#slider .indicator ul
{
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
}

#slider .indicator ul li
{
	display: inline-block;
	width: 12px;
	height: 12px;
	text-indent: -9999em;
	background: #c8c8c8;
	margin: 0 2px 0 2px;
	border-radius: 8px;
	border-bottom: solid 1px #ffffff;
	border-top: solid 1px #909090;
}

#slider .indicator ul li.active
{
	background: #505050;
	border-top: solid 1px #505050;
	}

/*views*/
#middle-part .maincontent .innertable{
	border:1px solid #e5e5e5;
	width:100%;
	margin-top:5px;	
	}
#middle-part .maincontent .innertable th{
	text-align:left;
	padding:3px;
	font-size:14px;
	border-bottom:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	color:#e5e5e5;
	font-weight:normal;
	background:#2baabd;
	}
#middle-part .maincontent .innertable th.smaller{
	text-align:left;
	padding:3px;
	font-size:12px;
	border-bottom:1px solid #e5e5e5;
	border-right:1px solid #ffffff;
	color:#000000;
	font-weight:bold;
	background:#ffffff;
	}
#middle-part .maincontent .innertable td{
	text-align:left;
	padding:3px;
	font-size:12px;
	border-right:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;	
	font-weight:normal;	
	}
#middle-part .maincontent .innertable td a{
	text-decoration:none;
	color:#39b54a;
	}
#middle-part .maincontent .innertable td a:hover{
	text-decoration:underline;
	color:#ff0000;
	}
	
/*Edit details*/
#middle-part .maincontent .table{
	border:1px solid #e5e5e5;
	width:70%;
	margin-top:5px;	
	margin-bottom:5px;
	}
#middle-part .maincontent .table td{
	text-align:left;
	padding:3px;
	font-size:12px;
	border-right:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;	
	font-weight:normal;	
	}
#middle-part .maincontent .table td a{
	text-decoration:none;
	color:#39b54a;
	}
#middle-part .maincontent .table td a:hover{
	text-decoration:underline;
	color:#ff0000;
	}
	
/*Pop up page*/
#deletemessage{
	background:#39b54a;
	opacity:0.6;
	width:250px;
	height:100px;
	border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkitborder-radius:5px 5px 5px 5px;
	position:relative;
	z-index:700;
	top:-250px;
	left:480px;
	display:none;	
	}
#deletemessage form{
	margin-left:auto;
	margin-left:auto;
	}
/*listing for prescription details*/
ul.prescriptionlistingth{
	list-style:none;
	padding:0;
	margin:0;
	height:28px;	
	overflow:hidden;
	/*border-bottom:1px solid #e5e5e5;*/
	}
ul.prescriptionlistingth li{
	float:left;
	border-right:1px solid #e5e5e5;
	margin:0;
	padding:0;
	display:block;
	width:18%;	
	}
ul.prescriptionlistingth li.last{
	border:none
	}

ul.prescriptionlisting{
	list-style:none;
	padding:0;
	margin:0;
	height:28px;	
	overflow:hidden;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	}
ul.prescriptionlisting li{
	float:left;
	border-right:1px solid #e5e5e5;
	margin:0;
	padding:0;
	display:block;
	width:18%;	
	}
ul.prescriptionlisting li.last{
	border:none
	}
ul.prescriptionlisting li input.cost{
	width:15px;
	}
ul.prescriptionlisting li input.save{
	width:15px;
	}

/********************************************************************/
/*Contact us*/
/********************************************************************/
#middle-part .pagecontent{
	width:80%;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
	}
#middle-part .pagecontent .leftcontact{
	position:relative;
	float:left;
	width:50%;
	}
#middle-part .pagecontent .rightcontact{
	position:relative;
	float:right;
	width:50%;
	}
#middle-part .pagecontent .rightcontact ul{
	float:left;
	margin-left:5%;
	}
#middle-part .pagecontent .rightcontact ul li{
	margin:3px 0 3px 0;	
	}
#middle-part .pagecontent .rightcontact input{
	width:200px;
	height:20px;
	outline:none;
	font-size:12px;
	}
#middle-part .pagecontent .rightcontact textarea{
	width:200px;
	max-width:200px;
	height:50px;
	max-height:50px;
	outline:none;
	font-size:12px;
	}
/*Error message*/
.error{
	font-size:12px;
	color:#f00;
	}

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

#footer-wrapper{
	overflow: hidden;
	padding: 7em 0em;
	background: #DB3256;
	position:relative;
	bottom:0;
	}

#footer .title h2
	{
	font-size: 1.4em;
	font-weight: 200;
	color: #FFF;
	}

#footer .column1,
#footer .column2,
#footer .column3
{
	width: 242px;
	padding-right: 40px;
}

#extra{
	overflow: hidden;
	margin: 2em auto;
	padding: 2em 0em;
	background: #ECECEC;
	}

#extra h2{
	margin: 0em;
	padding: 0em;
	font-weight: 400;
	font-size: 2.4em;
	color: #555555;
	}

#extra span{
	display: block;
	padding-top: 0.20em;
	text-transform: uppercase;
	font-size: 1.2em;
	color: #A2A2A2;
	}
/*Footer area*/
#footer-area{
	width:100%;
	height:40px;
	background: #9d2e34;
	border-top:5px solid #fffac2;
	}
#footer-area .footerleft{
	text-align:center;
	margin-top:2px;
	color:#ffffff;
	font-size:10px;
	}
#footer-area .footerright{
	}

/*Administrator*/
/*Login page*/
.loginform{
	position:relative;
	width:62%;
	left:19%;
	right:19%;		
	top:120px;	
	}
.loginform	.loginhead{
	font-size:18px;
	color:#9d2e34;	
	text-align:center;
	}
.loginform ul{
	padding:15px;
	text-align:center;
	}
.loginform ul li{
	margin-bottom:10px;
	}
.loginform input{
	width:350px;
	height:35px;
	border:1px solid #ccc;
	text-align:center;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;	
	}
.loginform input#button{
	cursor:pointer;
	}
.errors{
	color:#ff0000;
	font-weight:bold;
	text-align:center;
	}
.errorsbody{
	color:#ff0000;
	font-weight:bold;
	text-align:left;
	}
/**------Select tag-----**/
select{
	width:350px;
	height:30px;
	border:1px solid #ccc;
	text-align:center;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;	
	}
.abouttext{
	font-weight:bold;
	margin-left:5px;
	}
.studentdetails{ /*Styling for the middle part ina all pages*/	
	margin:4% 10% 0% 10%;
	padding:1% 1% 10% 0;
	}
.studentdetails .introtext{/*Introduction text at the home page*/	
	font-size:16px;
	line-height:1.5;
	margin:0 0 3% 0;
    }
.landingtabs{/*Unordered list for the landing tabs*/
    margin:5% 0 5% 10%;
    display:block;
    }
.landingtabs li{ 	
	float:left;
	margin:0 1% 0 2%;
    }
.landingtabs li a{ 	
	text-decoration:none;
	background:#e5e5e5;
	color:#9d2e34;
	font-weight:bold;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding:5% 0 5% 0;
	text-align:center;
	width:250px;
	display:block;
    }
p.subtitle{/*Styling for page subtitle*/
    font-weight:bold;
    color:#9d2e34;
    font-size:16px;
    margin:0 0 2% 0;
   }
ol.guidelines{
    list-style-type:decimal;
    padding:0 0 0 3%;
    }
ol.guidelines li{
    margin:0 0 1% 0;
    font-size:16px;
    }
ul.breakdown{
    
    }
ul.breakdown li{
    margin:2% 0 2% 0;
    border-bottom: 1px solid #e5e5e5;
    width:50%;
    }
ul.breakdown li.left{
    float:Left;
    }
ul.breakdown li.right{
    float:Left;
    margin-left:5%;
    text-align:Left;
    }
    
/*Input fields*/
#middle-part .studentdetails ul{
    
	}
#middle-part .studentdetails ul li{
	margin:15px 5px 15px 5px;
	min-height:45px;
	overflow:hidden;
	}
#middle-part .studentdetails ul.leftformholder{
	float:left;
	width:40%;
	}
#middle-part .studentdetails ul.rightformholder{
	float:right;
	width:40%;
	}
#middle-part .studentdetails label{
	font-size:12px;
	}
#middle-part .studentdetails input{
	width:350px;
	height:30px;
	border:1px solid #ccc;
	padding:3px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	font-size:12px;
	}
#middle-part .studentdetails select{
	width:350px;
	height:35px;
	border:1px solid #ccc;
	padding:3px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;	
	}
#middle-part .studentdetails textarea{
	width:250px;
	height:75px;
	min-height:75px;
	max-height:75px;
	overflow:hidden;
	border:1px solid #ccc;
	padding:0 3px 0 3px;
	text-align:left;		
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;	
	}
#middle-part .studentdetails #button{
	margin-top:15px;
	}
#middle-part .studentdetails ul li input.male{
	margin-left:30px;
	padding-top:15px;
	width:20px;
	height:15px;
	}
#middle-part .studentdetails ul li input.female{
	margin-left:75px;
	padding-top:15px;
	width:20px;
	height:15px;
	}
.dear{
	font-size:14px;
	}
.dear span{
	font-weight:bold;
	}
.studentadmdetails{/*Students details*/
	list-style:none;
	padding:0;
	margin:0;
	}
.studentadmdetails li{	
	margin:2% 2%;
	}
.studentadmdetails li.subtitle{
	font-weight:bold;
	}
.studentadmdetails li ol{
	margin:1% 4% 2% 4%;
	}
	
/**---Downloads---**/
ul.downloads{
	margin:5% 0 5% 0;
	}
ul.downloads li{
	float:left;	
	width:30%;
	}
	
/**---Downloads---**/
ul.downloads{
	margin:10% 0 15% 0;
	}
ul.downloads li{
	float:left;
	width:30%;
	}
ul.downloads li a{
    color:#9d2e34;
    font-weight:bold;
    text-decoration:none;
    background:url('../images/pdf-icon.png') top center no-repeat;
    padding:20% 0 5% 0;
    }
#errordownload{
    display:none;
    }
    
/**--responsive design--**/
@media screen and (max-width: 480px) {
  .container{
    width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
    }
  #header-wrapper{
	background: #9d2e34;
	border-bottom:10px solid #fffac2;
	width:100%;
	}
 #header{
	position: relative;
	height:5.08em;
	}
 #logo{
	top: 3%;
	left:5%;
	right:5%;
	display:block;
	}
 #logo img{
	padding:5% 10% 20% 10%;
	}
 #logo img.standardsize{
	display:none;
	}
 #logo img.mobilesize{
	display:block;
    /*float:left;*/
	background:url(../images/logo-mobile.png) top center no-repeat;
	}
 #logo span{
	position:relative;
	/*display: inline-block;*/
	font-size:14px;
	left:3%;
	font-weight:600;
	padding:1% 0 0 0;
	vertical-align:top;
	}
 #logo a{ 
	text-decoration: none;
	color: #fffac2;
	}
	
/*----middle part of the page-----*/
 #middle-part{
	min-height:350px;
	/*overflow:hidden;*/	
	}
.studentdetails .introtext{
    font-size:14px;
    margin:0 0 4% 0;
   }
/*.landingtabs{Unordered list for the landing tabs
    margin:7% 3% 8% 3%;
    }*/
 p.subtitle{
    margin:2% 0 4% 0;
   }
ol.guidelines{
    list-style-type:decimal;
    padding:0 0 0 3%;
    }
ol.guidelines li{
    margin:2% 0 2% 0;
    font-size:14px;
    }
ul.breakdown li{
    margin:2% 0 2% 0;
    border-bottom: 1px solid #e5e5e5;
    width:100%;
    }
/*.landingtabs li{ 	
	float:left;
	margin:2% 1% 2% 2%;
    }*/
    
/*Registration page*/
.leftformholder{
    width:50%;
    float:left;
    }
.leftformholder input{
    width:250px;
    }
.rightformholder{
    width:50%;
    float:right;
    }
.rightformholder input{
    width:250px;
    }
.loginform{
	width:84%;
	left:8%;
	right:8%;		
	top:50px;	
	}
.loginform	.loginhead{
	font-size:14px;
	}
.loginform ul{
	padding:0;
	margin:15% 0 5% 0;
	}
.loginform ul li{
	margin-bottom:10px;
	}
.loginform input{
	width:220px;
	height:35px;
	}
}