/*
	Filename         : 	content.css
	Created by       : 	Owain Llewellyn
	Created          : 	11/01/2011
	Last Updated     : 	11/01/2011
	Comments         : 	Styling for University Worcester
*/

/*  Style definitions specific to content page
************************************************************************************************************************/

h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
	margin-top:30px;
	font-family: Arial,Helvetica,sans-serif; font-size-adjust:0.48; font-weight:bold; font-style:normal;
}

h1 {
	font-size:4.2em;
	line-height:;
	font-family: Arial,Helvetica,sans-serif; font-size-adjust:0.48; font-weight:bold; font-style:normal;
	color:#333;
}
h2 {
	font-size:1.8em;
	line-height:;
	color:#333;
	
}

h3 {
	font-size:1.6em;
	line-height:1.6em;
	color:#333;
}
h4 {
	font-size:1.4em;
	line-height:1.4em;
	color:#333;
}
h5 {
	font-size:1.2em;
	line-height:1.2em;
	color:#333;
}

h6 {
	font-size:;
	line-height:;
	color:;
}

div#middleCol h1 + p, div#middleCol h2 + p, div#middleCol h3 + p, div#middleCol h4 + p, div#middleCol h5 + p,
div#middleCol h1 a + p, div#middleCol h2 a + p, div#middleCol h3 a + p, div#middleCol h4 a + p, div#middleCol h5 a + p  {

	margin-top:15px;
}
div.colFull h1 + p, div.colFull h2 + p, div.colFull h3 + p, div.colFull h4 + p, div.colFull h5 + p,
div.colFull h1 a + p, div.colFull h2 a + p, div.colFull h3 a + p, div.colFull h4 a + p, div.colFull h5 a + p  {

	margin-top:15px;
}

div#main {

	padding:20px 20px;
	* padding-top:0;
	background:#FFF;
	
	
}
	*html div#content {
	
		margin-top:25px;
	}
	
	*+html div#content{
	
		margin-top:25px;
	}

div#content div#breadCrumb ul {
 margin-left:214px;
}
body.leftBreadcrumb div#content div#breadCrumb ul {
 margin-left:0;
}

div#middleCol h2, div#middleCol h3, div#middleCol h4, div#middleCol h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
div.colFull h3, div.colFull h4, div.colFull h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
div#middleCol p {

	margin-top:27px;
}

	*+html div#middleCol .panelRightCol p {
	
		margin-top:0px;
	}
	
	*+html div#middleCol .panelLeftCol p{
	
		margin-top:0;
	}
	
	*html div#middleCol .panelRightCol p {
	
		margin-top:0px;
	}
	
	*html div#middleCol .panelLeftCol p{
	
		margin-top:0;
	}

div#middleCol ul {

	margin:25px 0 0 40px;
	font-size:1.2em;
	list-style-type:disc;
}

/* added js */
	div#middleCol ul ul {
		font-size:1em;
		list-style-type:disc;
		margin:10px 0 0 40px;
}
div#rightColWide ul {
	font-size:1.2em;
	list-style-type:disc;
	margin:25px 0 0 40px;
}
	div#rightColWide ul ul {
		font-size:1em;
		list-style-type:disc;
		margin:10px 0 0 40px;
}
div#leftColWide ul {
	font-size:1.2em;
	list-style-type:disc;
	margin:25px 0 0 40px;
}
	div#leftColWide ul ul {
		font-size:1em;
		list-style-type:disc;
		margin:10px 0 0 40px;
}

/* added js */

div#middleCol ol {
	margin:25px 0 0 40px;
	font-size:1.2em;
	
}
/* added js */
	div#middleCol ol ol {
		font-size:1em;
		list-style-type:disc;
		margin:10px 0 0 40px;
}
div#rightColWide ol {
	font-size:1.2em;
	list-style-type:disc;
	margin:25px 0 0 40px;
}
	div#rightColWide ol ol {
		font-size:1em;
		list-style-type:disc;
		margin:10px 0 0 40px;
}
div#leftColWide ol {
	font-size:1.2em;
	list-style-type:disc;
	margin:25px 0 0 40px;
}
	div#leftColWide ol ol {
		font-size:1em;
		list-style-type:disc;
		margin:10px 0 0 40px;
}

/* added js */
div#middleCol h2 {
	font-size:2.3em;
}

div#middleCol p.summary{

	color: #333333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.4em;
    font-weight:bold;
    margin-top: 21px;
}
	div#middleCol ul li, div#middleCol ol li {

		margin-top:9px;
	}
	
	div#middleCol ul li:first-child {

		margin-top:0;
	}

div#middleCol #featured{

	margin-top:25px;
}
	div#middleCol #featured p{
		margin-top:10px;
		font-size:1.4em;
		line-height:1.56em;
	}
	
blockquote {
	float:right;
	display:block;
	width:284px;
	background:url(../images/bg_blockquote_topleft.gif) 0 0 no-repeat;
	margin:23px 0 19px 11px;
}

	blockquote .blockQuoteOuter{
	font-size:1.5em;
	font-family:"Clarendon FS Bold", Georgia, 'Times New Roman', Times, serif; font-size-adjust:0.48; font-weight:bold; font-style:normal;
	display:block;
	padding:0 0 0 28px;
	line-height:1.2em;
	background:url(../images/bg_blockquote_bottomRight.gif) bottom right no-repeat;
	}
	
	blockquote .blockQuoteMetaName, blockquote .blockQuoteMetaCourse{
	
		padding-left:28px;
		display:block;
		margin-top:11px;
		font-size:1.2em;
		color:#333;
	}
		 blockquote .blockQuoteMetaCourse{
		 	margin-top:6px;
		 }

.relatedLinks ul{

	margin-top:12px;
	padding-bottom:7px;
	background:url(../images/bg_listBox_teal.gif) top left no-repeat;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	
}

*html .relatedLinks ul{

	padding-bottom:5px;
}
	.relatedLinks ul li.first-item {

	padding-top:23px;
	
	}
	
	
	.relatedLinks ul li{
		padding:10px 0 5px 0;
		margin:0 16px 0 10px;
		border-top:1px dotted #333;
		
	}
	
		.relatedLinks ul li{
			font-size:1.2em;
		
		}

div#middleCol div#formArea div {
	clear:both;
	overflow:hidden;
	margin-top:13px;
}

	div#middleCol label {
	
		display:inine-block;
		float:left;
		width:150px;
		font-size:1.2em;
		padding:0 20px 0 0 ;
		color:#333;
		font-weight:bold;
	}	
	
	div#middleCol input {
	
		float:left;
		width:369px;
		padding:5px 8px;
		font-size:1.2em;
		border:1px solid #ADADAF;
	}
	
	div#middleCol select {
		width:387px;
		* width: 384px;
		border:1px solid #ADADAF;
		padding:5px 8px;
		font-size:1.2em;
	
	}
	
	div#middleCol #checkbox {
	
		border:0;
		width:376px;
		float:right;
	}
	div#middleCol .checkbox {
	
		border:0;
		width:26px;
		float:left;
	}
	div#middleCol .radio {
	
		border:0;
		width:26px;
		float:left;
	}
	
	div#middleCol textarea {
	
		border:1px solid #ADADAF;
		width:369px;
		height:160px;
		padding:5px 8px;
		float:left;
	
	}
	
	div#middleCol .submitButton {
	
		display:block;
		float:right;
		padding:4px 6px;
		color:#FFF;
		font-weight:bold;
		background:#008083;
		width:auto;
		border:0;
	}


div#middleCol div#filterSection{
	padding:4px 26px 12px 26px;
	background:#5C5C5C;
	margin-top:13px;
	overflow:hidden;
	height:1%;
}

	div#middleCol div#filterSection label {
		display:inline-block;
		color:#FFF;
		font-weight:bold;
		width:115px;
		float:right;
		line-height:15px;
			
	}
	
		*html div#middleCol div#filterSection label {
			line-height:22px;
		}
		
		*+html div#middleCol div#filterSection label {
			line-height:24px;
		}
	
	div#middleCol div#filterSection ul li input{
		width:13px;
		float:left;
		margin-right:10px;
		border:0;
	}
	
	div#middleCol div#filterSection ul{
	
		margin:0;
		list-style:none;
		padding:0;
	}
	
		div#middleCol div#filterSection ul li {
			
			float:left;
			width:168px;
			margin:0;
			overflow:hidden;
			margin-top:8px;
		}
		
			
div#middleCol table {
	border-collapse: collapse;
	margin-top:30px;
	border:1px solid #CCC;
}

	div#middleCol table th{
		width:200px;
		text-align:left;
		padding:10px 15px;
		font-size:1.6em;
		font-weight:normal;
		
	}
		div#middleCol table td {
			border:1px solid #CCC;
			padding:20px 14px;
			font-size:1.2em;
			line-height:1.55em;
			color:#333;
		}
		
			div#middleCol table tr {
				border-bottom:1px solid #CCC;
			
			}
			
				div#middleCol table th.tableHeadera {
					background:#333333;
					color:#FFF;
				}
				
				div#middleCol table th.tableHeaderb {
				
					background:#5C5C5C;
					color:#FFF;
				}
				
div#middleCol div.mediaSection {

	margin-top:30px;
	overflow:hidden;
}

	div#middleCol div.mediaSection div.media{
	
		float:left;
		width:277px;
		margin-right:21px;
	}
	
	div#middleCol div.mediaSection div.mediaContent{
		width:259px;
		float:left;
	}
	
		div#middleCol div.mediaSection div.mediaContent h3{
			margin-top:-5px;
		}
		
		div#middleCol div.mediaSection div.mediaContent p{
			margin-top:15px;
		}

/* updated form styles for leftColWide forms
************************************************************************************************************************/
div#leftColWide div#formArea div {
	clear:both;
	overflow:hidden;
	margin-top:13px;
}

	div#leftColWide label {
	
		display:inine-block;
		float:left;
		width:180px;
		font-size:1.2em;
		padding:0 20px 0 0 ;
		color:#333;
		font-weight:bold;
	}	
	
	div#leftColWide input {
	
		float:left;
		width:369px;
		padding:5px 8px;
		font-size:1.2em;
		border:1px solid #ADADAF;
	}
	
	div#leftColWide select {
		width:387px;
		* width: 384px;
		border:1px solid #ADADAF;
		padding:5px 8px;
		font-size:1.2em;
	
	}
	
	div#leftColWide #checkbox {
	
		border:0;
		width:26px;
		float:right;
	}
	div#leftColWide #radio {
	
		border:0;
		width:26px;
		float:right;
	}
	div#leftColWide .checkbox {
	
		border:0;
		width:26px;
		float:left;
	}
	div#leftColWide .radio {
	
		border:0;
		width:26px;
		float:left;
		text-align:left;
	}
	
	div#leftColWide textarea {
	
		border:1px solid #ADADAF;
		width:369px;
		height:160px;
		padding:5px 8px;
		float:left;
	
	}
	
	div#leftColWide .submitButton {
	
		display:block;
		float:right;
		padding:4px 6px;
		color:#FFF;
		font-weight:bold;
		background:#008083;
		width:auto;
		border:0;
	}


div#leftColWide div#filterSection{
	padding:4px 26px 12px 26px;
	background:#5C5C5C;
	margin-top:13px;
	overflow:hidden;
	height:1%;
}

	div#leftColWide div#filterSection label {
		display:inline-block;
		color:#FFF;
		font-weight:bold;
		width:115px;
		float:right;
		line-height:15px;
			
	}
	
		*html div#leftColWide div#filterSection label {
			line-height:22px;
		}
		
		*+html div#leftColWide div#filterSection label {
			line-height:24px;
		}
	
	div#leftColWide div#filterSection ul li input{
		width:13px;
		float:left;
		margin-right:10px;
		border:0;
	}
	
	div#leftColWide div#filterSection ul{
	
		margin:0;
		list-style:none;
		padding:0;
	}
	
		div#leftColWide div#filterSection ul li {
			
			float:left;
			width:168px;
			margin:0;
			overflow:hidden;
			margin-top:8px;
		}
div#leftColWide div#formArea fieldset {
border:1px solid #C0C0C0;
margin-bottom:15px;
margin-top:15px;
padding:1em;
}

div#leftColWide div#formArea legend {
color:#0068B4;
font-weight:bold;
padding:0 0.5em;
display: show;
}		
/* updated form styles for rightColWide forms
************************************************************************************************************************/
div#rightColWide div#formArea div {
	clear:both;
	overflow:hidden;
	margin-top:13px;
}

	div#rightColWide label {
	
		display:inine-block;
		float:left;
		width:180px;
		font-size:1.2em;
		padding:0 20px 0 0 ;
		color:#333;
		font-weight:bold;
	}	
	
	div#rightColWide input {
	
		float:left;
		width:369px;
		padding:5px 8px;
		font-size:1.2em;
		border:1px solid #ADADAF;
	}
	
	div#rightColWide select {
		width:387px;
		* width: 384px;
		border:1px solid #ADADAF;
		padding:5px 8px;
		font-size:1.2em;
	
	}
	
	div#rightColWide #checkbox {
	
		border:0;
		width:26px;
		float:right;
	}
	div#rightColWide #radio {
	
		border:0;
		width:26px;
		float:right;
	}
	div#rightColWide .checkbox {
	
		border:0;
		width:26px;
		float:left;
	}
	div#rightColWide .radio {
	
		border:0;
		width:26px;
		float:left;
		text-align:left;
	}
	
	div#rightColWide textarea {
	
		border:1px solid #ADADAF;
		width:369px;
		height:160px;
		padding:5px 8px;
		float:left;
	
	}
	
	div#rightColWide .submitButton {
	
		display:block;
		float:right;
		padding:4px 6px;
		color:#FFF;
		font-weight:bold;
		background:#008083;
		width:auto;
		border:0;
	}


div#rightColWide div#filterSection{
	padding:4px 26px 12px 26px;
	background:#5C5C5C;
	margin-top:13px;
	overflow:hidden;
	height:1%;
}

	div#rightColWide div#filterSection label {
		display:inline-block;
		color:#FFF;
		font-weight:bold;
		width:115px;
		float:right;
		line-height:15px;
			
	}
	
		*html div#rightColWide div#filterSection label {
			line-height:22px;
		}
		
		*+html div#rightColWide div#filterSection label {
			line-height:24px;
		}
	
	div#rightColWide div#filterSection ul li input{
		width:13px;
		float:left;
		margin-right:10px;
		border:0;
	}
	
	div#rightColWide div#filterSection ul{
	
		margin:0;
		list-style:none;
		padding:0;
	}
	
		div#rightColWide div#filterSection ul li {
			
			float:left;
			width:168px;
			margin:0;
			overflow:hidden;
			margin-top:8px;
		}
div#rightColWide div#formArea fieldset {
border:1px solid #C0C0C0;
margin-bottom:15px;
margin-top:15px;
padding:1em;
}

div#rightColWide div#formArea legend {
color:#0068B4;
font-weight:bold;
padding:0 0.5em;
display: show;
}	

/*  Campus promo area - Right hand column holding promotional images
************************************************************************************************************************/

	
div.campusPromoCol{
	position:relative;
	float:right;
	width:186px;
	margin-top:24px;
	overflow:hidden;
	
}

*html div.campusPromoCol{
	
}

div.campusPromoCol div.boxgrid img{
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}


  .boxcaption{  
        
		position: absolute; 
		left:0;
		bottom:-163px;
		background: #333;  
		height: 65px;  
		padding:10px;
		width: 166px;  
		opacity: .9;  
		/* For IE 5-7 */  
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);  
		/* For IE 8 */  
		-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";  
    }  
	  
	  .boxcaption p {
	  
	  	color:#FFF;
		font-size:1.2em;
		line-height:16px;
	  }  
	  .boxcaption a,  .boxcaption a:visited{
		 text-decoration:none;
		 color:#FFF;
		 font-weight:normal;
	  }
	  
	  
	  
	  
/*  Course styles
************************************************************************************************************************/


/*  Featured area - Top of page with large sliding carousel
************************************************************************************************************************/
div#featuredArea{
	margin-top:-25px;
	overflow:hidden;
	/*width:980px;*/
}
	div#featuredInfoArea {
		float:left;
		width:774px;
		margin-top:26px;
	}
	
		div#featuredInfoArea p{
			font-size:1.2em;
			line-height:1.6em;
			font-family:Arial, Helvetica, sans-serif;
			margin-top:24px;
			
		}
	
			div#featuredInfoArea p.summary{
				font-size:1.4em;
				line-height:1.55em;
				font-family:Arial, Helvetica, sans-serif;
				margin-top:13px;
			}
			
				div#featuredInfoArea a.blockLink {
				
					font-size:1.8em;
				}
		
		

/*  Search area - Top of page with large sliding carousel
************************************************************************************************************************/

#searchArea {
	
	padding:13px;
	overflow:hidden;
	background:#0E4144;
	margin-top:18px;
	* height:1%;
}

	#searchArea form {
		overflow:hidden;
		border:2px solid #FFF;
		background:#222;
		padding:19px 25px;
		* height:1%;
	}
	
	#searchArea div#searchLeftCol div {
	
		height:30px;
		position:relative;
	}
	
		#searchArea div#searchLeftCol div.insetArea{
			height:59px;
		}
		
		*html #searchArea div#searchLeftCol div.insetArea{
			height:67px;
		}
		
		*html #searchArea div#searchRightCol div.insetArea{
			height:1%;
		}
	
		#searchArea div#searchLeftCol div label {
			color:#FFF;
			font-size:1.6em;




			float:left;
			height:32px;
			line-height:32px;
			width:72px;
		}
		
			#searchArea div#searchLeftCol div input.searchText {
				border-top:1px solid #CCC;
				border-left:1px solid #CCC;
				border-botom:1px solid #CCC;
				width:252px;
				padding:4px 6px;
				height:23px;
				color:#333;



				float:left;
				outline:none;
				










				
			}

				#searchArea div#searchLeftCol div input.searchButton {
					background:url(../images/icon_searchButton.gif) 0 0 no-repeat;
					border-top:1px solid #CCC;
					border-right:1px solid #CCC;
					border-bottom:1px solid #CCC;
					height:32px;
					width:34px;




					float:left;
					
				}
				
				div.insetArea{
					background:#303030;
					padding:18px 14px 17px 14px;
					overflow:hidden;
					border-top:8px solid #FFF;
					margin-top:9px;

				}
				
				
					div#searchLeftCol h3{
						color:#FFF;
						font-size:1.6em;
						font-weight:normal;
						padding-top:45px;
						background:url(../images/bg_searchArea.png) 0 10px no-repeat;
						margin-top: 0;
						font-family: Arial,Helvetica,sans-serif;
					}
					
					
					div.insetArea ul {
						float:left;
						width:147px;
					}
						
						div.insetArea ul li{
							padding:5px 0 7px 0;
							font-size:1.2em;
							border-bottom:1px dotted #FFF;
							
						}
						
						div.insetArea ul li:last-child{
						
							border:0;
							padding-bottom:0;
						}
							div.insetArea ul li a{
								color:#FFF;
							}
						
						 ul.marginRight{
						
							margin-right:24px;
						}
						
						.checkedBoxes ul {
							width:190px !important;
							
						}
						
							div#searchRightCol div.checkedBoxes ul li {
								color:#FFF;
								border-bottom:0;
								overflow:hidden;
								
							
							}
								/* IE7 fix */
								*+html div#searchRightCol div.checkedBoxes ul li {
									padding-top:0px;
								
								}
								
								*html div#searchRightCol div.checkedBoxes ul li {
								
									padding-top:9px;
								}
								
								div#searchRightCol div.checkedBoxes ul li label{
									float:right;
									width:160px;
								}
								/* IE7 fix */
								*+html div#searchRightCol div.checkedBoxes ul li label{
									padding-top:3px;
								
								}
								
								
								div#searchRightCol div.checkedBoxes ul li input{
									float:left;
									width:20px;
								}


		#searchLeftCol {
		
			float:left; 
			width:374px;
			border-right:1px solid #fff;
			padding-right:28px;
		}
		
		#searchRightCol {
		
			float:right; 
			width:468px;
		}
		
			div#searchRightCol h3 {
			
				color:#FFF;
				font-size: 1.6em;
    			font-weight: normal;
				margin-top: 0;
				font-family: Arial,Helvetica,sans-serif;
			}
			
			div#searchRightCol p {
				color:#FFF;
				margin-top:9px;
				line-height:1.6em;
			}

#searchCriteriaArea{
	padding:13px 10px 14px 10px;
	background:#ECEBE8;
	margin-top:11px;
	overflow:hidden;
	height:1%;
}

	#searchCriteriaArea span {
	
		font-size:1.4em;
		float:left;
		margin-right:15px;
	}
	
	#searchCriteriaArea ul {
	
		font-size:1.4em;
		float:left;
	}
	
	
		#searchCriteriaArea ul li {
	
			
			float:left;
			display:inline;
			
			border-right:1px solid #999999;
			border-left:1px solid #FFF;
			padding:0 8px;
			
		}
		
		#searchCriteriaArea ul li:first-child {
	
			border-left:0;
		}
		
		#searchCriteriaArea ul li:last-child {
	
			border-right:0;
		}
		
div#searchResultsList {

	background:url(../images/bg_listBox_green.gif) 0 0 repeat-x;
	border-left:1px solid #D6CCD0;
	border-right:1px solid #D6CCD0;
	border-bottom:1px solid #D6CCD0;
	padding:34px 29px;
	margin-top:9px;
	
}

	*html div#searchResultsList {
	
		/*padding-top:0;*/
	}

	div#searchResultsList ul li {
		border-bottom:1px dotted #D6CCd0;
		margin-top:25px;
		padding-bottom:26px;
	}
	
/*	div#searchResultsList ul li:first-child {
		margin-top:0;
		padding:0;
		border:0;
	}
*/	
	div#searchResultsList ul li:last-child {
		margin-bottom:0;
		
	}
	
	div#searchResultsList h3 {
	
		font-size:1.6em;
		font-weight:normal;
		margin-top: 0;
		font-family: Arial,Helvetica,sans-serif;
	}
	
	div#searchResultsList ul li p {
	
		margin-top:16px;
	}

div#searchPagination{

	overflow:hidden;
	margin-top:24px;
}
	
	div#searchPagination ul {
	
		float:left;
		width:70%;
	}
	
		div#searchPagination ul li {
	
			float:left;
			display:inline;
			padding:9px 11px;
			background:#006EAD;
			margin-right:6px;
			
		}
		
		div#searchPagination ul li.current {
			background:#CCCCCC;
			color:#FFF;
		}	
		
			div#searchPagination ul li:hover{
			
				background:#006EAD;
			}
				div#searchPagination ul li a {
					color:#FFF;
				} 
				
div#searchPagination a.blockLink{
	float:right;
	width:auto;
	margin:0;
	font-size:12px;
	font-weight:normal;
}
.jobDetails{
	margin-top: 20px;
	margin-bottom: 20px;
	width:510px;
}
.jobDetails dt{
	width: 160px;
	float: left;
	margin-bottom:10px;
	font-size: 1.2em;
}
.jobDetails dd{
	width: 350px;
	float: left;
	margin-bottom:10px;
	font-size: 1.2em;
}
/*  added JS 16.03.2011
************************************************************************************************************************/	  
ul#globalNav li.richText {

	display: none;
}
ul#globalNav li.textOnly{
	display: inherit;
}
div#dropDownLargeContainer h2{
	margin-top:0px;
}

span.error {
	background:transparent url(../images/exclamation.png) no-repeat scroll 0 0;
	color:#FF3300;
	display:inline-block;
	height:20px;
	height:auto !important;
	margin-left:5px;
	min-height:20px;
	padding-left:17px;
	/*width:150px;*/
    }
.input.valid {
    border: 1px solid #0C0;
    }
span.valid {
	background-image:url(../images/accept.png);
	/*background-position:left 6px;*/
	background-repeat:no-repeat;
	display:inline-block;
	height:20px;
	height:auto !important;
	margin-left:5px;
	min-height:20px;
	padding-left:17px;
	width:100px;
    }

/*  
************************************************************************************************************************/
.profileImage{
	float:right;
}
.profileLeft{
	float:left;
	width:275px;
	margin-right:15px;
}
.profileRight{
	float:left;
	width:250px;
	margin-right:15px;
}
.profileBottom{
	float:left;
	width:565px;
	margin-top:30px;
}