/* Universal Text Styles */

/* table tr td { border : 1px solid red; } */

.error {
	font-size: 12px;
	font-weight: bold;
	font-style : italic;
	color: #ff0000;
    padding: 10px;
    text-align: center;
}

.required {
	font-size: 12px;
	font-weight: bold;
	color: #ff0000;
}

.note { 
	font-size: 10px; 
	font-style : italic;
	color: #ff0000; 
}

.header {
	color: white ;

}	
	
/* Public Text Styles */

.infoText {
	font-size: 12px;
	font-weight: bold;
	font-style : italic;
	color: #006699;
}

.finePrint { 
	font-size: 10px;
	font-variant: normal;
	line-height: 15px;
	color: #000000;
}

.quote {
	font-weight: bold;
	font-style: italic;
	font-size: 16px;
	line-height:normal;
}

.caption {
	font-style: italic;
	font-size:10px;
}

.credit {
	font-size:10px;
}

/* Admin Text Styles */

.adminTitle {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight : bold;
	color: white;
}

.adminTitle2 {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight : bold;
        color: #123D4A;
}

.adminHeader {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight : bold;
	color: #006699;
}

.adminInfoText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	/*font-style : italic;*/
	color: #123D4A;
}

/* Plain Link Styles - use for images */

a.plain:link, a.plain:visited, a.plain:active, a.plain:hover {
	color: #006699;
	text-decoration: none;
	border : none;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
}

a.adminPlain:link, a.adminPlain:visited, a.adminPlain:active, a.adminPlain:hover {
	color: #006699;
	text-decoration: none;
	border : none;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
}

/* Page Number Syles */

a.pages:link, a.pages:visited,  a.pages:active {color: #000000; text-decoration: none; 	border : none;}
a.pages:hover {	text-decoration: underline; }

/* Admin Link Styles */

a.admin:link, a.admin:visited, a.admin:active { color: #000066; text-decoration: none;}
a.adminTitle:link, a.adminTitle:visited,  a.adminTitle:active { color:  #000066;  text-decoration: underline; }
a.adminHeader:link, a.adminHeader:visited,  a.adminHeader:active { color:  #000066;  text-decoration: underline; }
a.adminInfoText:link, a.adminInfoText:visited,  a.adminInfoText:active { color:  #000066;  text-decoration: underline; }

a.admin:hover, a.adminTitle:hover, a.adminHeader:hover, a.adminInfoText:hover {
	text-decoration: none;
	border-bottom : thin solid #777777;
	border-top : thin solid #777777;
	background-color : inherit;
	color: #777777 ;
}

/* Public Form Element Styles */

select.public {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #123D4A;
	margin : 0 0 0 0;
	background : #ffffff;
	border : thin #000000;
}

input.public {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	background: #ffffff;
	border: 1px solid #006699; 
}

textarea.public {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #ffffff;
	border: 1px solid #006699; 
	color : #000000;
}

input.publicbutton{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-color: #ffffff;
	border: 1px solid #006699;
	cursor : pointer;
	text-align : center;
}

/* Admin Form Element Styles */

select.admin {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #123D4A;
	margin : 0 0 0 0;
	background : #ffffff;
}

input.admin {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #123D4A;
	background: #ffffff;
}

textarea.admin {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #ffffff;
	color: #123D4A;
}

input.adminBlank {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #123D4A;
	background: #ffffff;
	border: 0px; 
}

textarea.adminBlank {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #123D4A;
}

input.adminfile {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	border-left: 2px solid #003955;
	border-top: 2px solid #003955;
	border-right: 2px solid #B2D1E0;
	border-bottom: 2px solid #B2D1E0;
	height: 19px;
	width: 120px;
	vertical-align: bottom;
}

input.adminbutton { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
 	background-color: #123D4A;
	color: white; 
	border:1px solid #123D4A; 
	cursor : pointer;
	text-align : center;
}

fieldset {
	margin : .8em 0;
	border : 1px solid #ccc;
	padding : 8px;
}

fieldset.news { width : 468px; }

fieldset legend {
	padding : 0 6px; 
	font-weight : bold;
}

fieldset span {
	color : #777;
}

/* Search Form Element Styles */

input.search {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #ffffff;
	color: #000000;
	border : 1px solid #006699;
	padding-top : 2px;
}

input.searchbutton { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
 	background-color: #006699; 
	color: #ffffff; 
	border:1px solid #000000; 
	cursor : pointer;
	text-align : center;
}


/* Plain Form Element Styles - use to emulate type="file" */

input.plainbutton {
	font-size: 86%;
	vertical-align: bottom;
	padding-bottom: 1px;
	height: 19px;
	width: 66px;
}

input.plainbutton2 {
	font-size: 86%;
	vertical-align: bottom;
	padding-bottom: 1px;
	height: 19px;
	margin-top: 1px;
}

/* HTML Editor Styles - do not adjust or the html editor will be effected */

textarea.html {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #ffffff;
	border : 1px inset ActiveBorder;
	color : #000000;
	width:100%;
}

iframe.html {
	background-color: #ffffff;
	border : 1px inset ActiveBorder;
	color : #000000;
}


/* Supply Clergy table. */

#supply-table			{ width : 100%; }
#supply-table tr.even td	{ padding : 3px 4px; background : #ECF6FF; vertical-align : top; }
#supply-table tr.odd td		{ padding : 3px 4px; background : #F6F6F6; vertical-align : top; }
#supply-table th		{ padding : 2px 4px; background : #eee; border : 2px solid #ddd; border-width : 2px 0; text-align : left; }

#search-fieldset		{ padding : 10px; background : #FBF7E8; border : 1px solid #D2D0C6; }
#search-fieldset label		{ font-weight : bold; }
#search-field			{ width : 260px; margin : 0 0 0 8px; }
#search-column			{ width : 130px; }

div.staff-image-placeholder	{ width : 82px; height : 115px; padding : 10px; background : #eee; color : #777; font-size : 10px; line-height : 12px; text-align : center; }
* html div.staff-image-placeholder 
				{ width : 102px; height : 135px; }
span.staff-desc			{ color : #666; }

/* Edit-in-Place Styles. */

#eip-enabled			{ position : absolute; top : 0; left : 450px; width : 240px; height : 16px; padding : 7px; background : #00579E; border-left : 6px solid #01345D; border-bottom : 1px solid #01345D; border-right : 1px solid #01345D; font-family : Arial, Helvetica, sans-serif; font-size : 11px; line-height : 14px; color : #fff; }
#eip-enabled #eip-logout	{ display : block; position : absolute; top : 5px; left : 200px; width : 36px; height : 16px;  padding : 2px 6px; background : #006CC4; color : #fff; text-decoration : none; text-align : center; }
#eip-enabled #eip-logout:hover	{ background : #0F88EC; }

#server-msg 			{ position : absolute; top : 42px; left : 450px; width : 240px; overflow : hidden; height : 46px; padding : 7px; background : #00579E; border : 1px solid #01345D; border-left : 6px solid #01345D; font-family : Arial, Helvetica, sans-serif; font-size : 11px; line-height : 14px; color : #fff; }
#server-msg h5			{ margin : 0; font-family : Arial, Helvetica, sans-serif; font-size : 11px; }
#server-msg span		{ display : block; margin-top : 6px; }

body.ww #eip-enabled		{ top : 10px; left : 730px; width : 100px; height : 60px; background : #666; border-color : #333; }
body.ww #eip-enabled #eip-logout{ top : 43px; left : 34px; background : #888; }
body.ww #server-msg		{ top : 100px; left : 730px; width : 100px; height : 100px; background : #666; border-color : #333; }

* html body.ww #eip-enabled	{ width : 114px; height : 70px; }
* html body.ww #server-msg	{ width : 114px; }
* html body.ww #eip-enabled #eip-logout
				{ top : 42px; left : 32px; }

.editable			{ background : #ffffd3; color : #000; }
.editInPlace			{ margin-bottom : 1em; }


/* News Manager Styles. */

.print-email-links		{ float : left; margin-top : 0; font-size : 9px; left: 0px;}
.print-email-links p { font-size : 10px; }
.print-email-links a:link,
.print-email-links a:visited,
.print-email-links a:active	{ display : block; float : left; margin-right : 20px; color : #000066; }
.print-email-links a:hover { color: #777; text-decoration: underline; }
.print-email-links a:link img,
.print-email-links a:visited img,
.print-email-links a:active img	{ margin : -6px 2px 0 0; }

.reading-print-links{
	z-index : 100;
	width:250px;
	padding-top : 1px; 
	position: absolute;
	top: 123px;
	left: 495px;
}

* html .reading-print-links{ 
	padding-top : 3px; 
}

.employment-print-links		{ position : absolute; z-index : 100; left : 50%; padding-top : 1px; margin-top : -3em; margin-left : -48px; }
* html .employment-print-links	{ padding-top : 3px; }

.news-print-email-links		{ z-index : 100; width : 556px; margin-top : 0px; }
* html .news-print-email-links	{ margin-top : -20px; }

.ww-news-print-email-links		{  z-index : 100; width : 556px; margin-top : -10px; }
* html .ww-news-print-email-links	{ margin-top : -20px; }

#window-links			{ float : right; width : 180px; padding-right : 11px; font-size : 10px; }
#window-links a:link,
#window-links a:visited,
#window-links a:active     	{ float : none; display : inline; margin : 0 3px; color : #777; }

* html #window-links		{ margin-top : -3px; }

.bottom-links			{ margin-top : 6px; }

.news-info			{ color : #000; font-weight : bold; }
.news-info a:link,
.news-info a:visited,
.news-info a:active		{ color : #000; font-weight : bold; }

.news-h,
.news-hs			{ margin-bottom : 12px; padding-bottom : 12px; border-bottom : 1px solid #ddd; }
.news-h .header,
.news-hs .header		{ display : block; font-size : 16px; border : 0; text-decoration : none; }
.news-hs span			{ display : block; }

.news-p				{ margin-bottom : 12px; border-bottom : 1px solid #ddd; }
.news-p span.header		{ display : block; font-size : 16px; }
.news-p span.header span.grey	{ font-size : 11px; color : #777; }
.news-p span.header a:link,
.news-p span.header a:visited,
.news-p span.header a:active,
.news-p span.header a:hover	{ border : 0; text-decoration : none; }
.news-p	span.author		{ display : block; margin : 1em 0 -1em; font-weight : bold; }

.news-f				{ margin-bottom : 12px; border-bottom : 1px solid #ddd; }
.news-f span.header             { display : block; font-size : 16px; }
.news-f span.header a:link,
.news-f span.header a:visited,
.news-f span.header a:active,
.news-f span.header a:hover     { border : 0; text-decoration : none; }
.news-f span.author		{ display : block; margin : 1em 0 -1em; font-weight : bold; }

#news-pagination		{ width : 100%; text-align : center; }
#news-pagination .prev		{ margin-right : 10px; }
#news-pagination .next		{ margin-left : 12px; }
#news-pagination .disabled	{ color : #777; }

#news-thumb-container		{ float : right; margin :  0px 0 0 14px; }
.news-thumb			{ margin-bottom : 14px; }
#news-thumb2-container		{ float : left; margin :  0px 0 0 14px; }
.news-thumb2			{ margin-bottom : 14px; }

.news-article-related-top	{ width : 100%; height : 1px; overflow : hidden; margin : 12px 0; background : #ccc; }
.news-article-related-mid       { width : 1px; height : 100%; margin : 0 auto; background : #ccc; }
* html .news-article-related-mid	
				{ height : 160px; }

#ww_footer_nav			{ margin : 0; padding : 0; }
#ww_footer_nav a:link,
#ww_footer_nav a:visited,
#ww_footer_nav a:active		{ margin : 0 4px; text-decoration : none; text-transform : uppercase; font-size: 10px; color : #111; }

#issue-header			{ margin-top : -25px; }
.ww-issue			{ margin-left : 70px; color : #fe0606; }

#ww-header-nav			{ margin-top : -28px; margin-right : 15px; float : right; }
#ww-header-nav a:link,
#ww-header-nav a:visited,
#ww-header-nav a:active 	{ text-decoration : none; text-transform : uppercase; font-size: 10px; color : #111; }

* html #issue-header		{ margin-top : -32px; }
* html .ww-issue		{ margin-left : 80px; }
* html #ww-header-nav		{ margin-top : -18px; margin-right : 7px; }

div.sidebar-section		{ margin : 0 0 1em; padding : 6px; border : 1px solid #e1e1e1; background : #f9f9f9; }
div.sidebar-section p.header	{ margin : 0; font-size : 14px; }
div.sidebar-section .more-link	{ display : block; padding : 8px 0 4px; border-top : 1px solid #e1e1e1; text-align : center; }

ul.file-list			{ list-style : none; padding : 0; margin : 1em 0 0; }
ul.file-list li			{ padding : 4px 0; margin : 0; border-top : 1px solid #e1e1e1; }
ul.file-list li span		{ display : block; color : #666; }
ul.file-list li img		{ margin : 3px 5px -3px 0; border : 0; }

#file-pagination                { width : 100%; margin : 0; padding : 8px 0; border-top : 1px solid #e1e1e1; text-align : center; }
#file-pagination .prev          { margin-right : 10px; }
#file-pagination .next          { margin-left : 12px; }
#file-pagination .disabled      { color : #777; }

ul.mm-file-list			{ list-style : none; padding : 0; margin : 1em 0 6px; }
ul.mm-file-list li		{ height : 54px; padding : 4px 0; margin : 0; border-top : 1px solid #e1e1e1; }
ul.mm-file-list li span		{ display : block; color : #666; }
ul.mm-file-list li img		{ margin : 3px 5px -3px 0; border : 0; }
ul.mm-file-list li img.thumb	{ float : left; border : 1px solid #999; }

ul.mm-file-list li div.file-icon	{ position : relative; z-index : 10; float : left; height : 54px; margin-top : 0px; margin-left : 0px; }
ul.mm-file-list li div.file-icon span	{ position : absolute; display : block; width : 37px; margin-top : -18px; text-align : center; font-family : verdana; font-size : 9px; text-transform : uppercase; color : #333; }
ul.mm-file-list li a.no-dec:link,
ul.mm-file-list li a.no-dec:visited,
ul.mm-file-list li a.no-dec:active	{ text-decoration : none; border : 0; }

dl.issue-article dt		{ color : #333; }
dl.issue-article dd		{ margin : -18px 0 -8px 56px; }

ul#issue-list			{ margin : 0; padding : 0; list-style : none; }
ul#issue-list li		{ margin : -1px 0 0; padding : 3px 5px; border : 1px solid #ddd; border-width : 1px 0; color : #777; }

#stewardship-nav		{ float : right; width : 130px; margin : 0 0 10px 10px; }


/* Site map styles. */

ul.sitemap			{ list-style-image : url('/images/icons/file-sm.png'); margin : 1em 0; padding : 0 0 0 2em; }
ul.sitemap li			{  }


/* Search Styles. */

label.search-label		{ display : block;  color : #444; }
div.search-pagination		{ width : 20px; height : 20px; float : left; margin-top : 4px; margin-left : -1px; background : #f2f2f2; border : 1px 
solid #999; font-size : 12px; text-align : center; }
div.selected			{ background : #1a6fb5; color : #fff; }


/* Breadcrumb trail styles. ------------------------*/
#breadcrumbs { 
	position : relative; 
	z-index : 100; 
	margin : -19px 0px ; 
	font-size : 10px; 
	color : #000; 
	float: left;
}
#breadcrumbs a:link,
#breadcrumbs a:visited,
#breadcrumbs a:active		{ color : #777; }
#breadcrumbs a:hover		{ color : #000; }
#admincrumbs {
	/*float:left; */
	width: auto;
	clear:both;
	padding-bottom: 10px;
}
#admincrumbs + .categoryCTrail + * {
	clear:both;
}
/* End Breadcrumb trail styles ---------------------*/

.alert				{ color : #cc0000; }


/* EIP Page Manager styles. */

#eip-admin			{  }
#dir-struct			{ padding-bottom : 3px; background : #EFF7FE; border : 1px solid #888; border-width : 1px 0; }
#dir-struct ul			{ list-style : none; margin : 0 0 -4px; padding : 0 0 0 30px; }
#dir-struct > ul		{ padding : 0; }
#dir-struct ul li		{ margin : -1px 0 0; padding : 3px 0 3px 24px; border : 1px dotted #999; border-width : 1px 0; }
#dir-struct ul li.dir span	{ display : block; margin-bottom : 4px; }
#dir-struct ul li.dir span.dir-title		{ font-weight : bold; }
#dir-struct ul li.dir span.button-container	{ font-weight : normal; }

#dir-struct ul li.dir		{ background : url('eip/images/icons/dir.gif') no-repeat 3px 3px; }
#dir-struct ul li.php		{ background : url('eip/images/icons/php.gif') no-repeat 0 4px; }
#dir-struct ul li.text		{ background : url('eip/images/icons/text.gif') no-repeat 0 4px; }
#dir-struct ul li.image		{ background : url('eip/images/icons/image.gif') no-repeat 0 4px; }
#dir-struct ul li.file		{ background : url('eip/images/icons/file.gif') no-repeat 0 4px; }

#dir-struct a.toggle-arrow:link,
#dir-struct a.toggle-arrow:visited,
#dir-struct a.toggle-arrow:active	{ display : block; float : left; width : 11px; height : 11px; margin : 3px 5px 0 2px; background : url('eip/images/icons/arrow_right.gif') no-repeat 0 0; }

#dir-struct a.toggle-arrow-down:link,
#dir-struct a.toggle-arrow-down:visited,
#dir-struct a.toggle-arrow-down:active	{ display : block; float : left; width : 11px; height : 11px; margin : 3px 5px 0 2px; background : url('eip/images/icons/arrow_down.gif') no-repeat 0 0; }

#dir-struct a.add-eip-link:link,
#dir-struct a.add-eip-link:visited,
#dir-struct a.add-eip-link:active	{ display : block; float : right; margin : -20px 213px 0; font-size : 10px; text-decoration : none; }
#dir-struct a.add-dir-link:link,
#dir-struct a.add-dir-link:visited,
#dir-struct a.add-dir-link:active	{ display : block; float : right; margin : -20px 120px 0; font-size : 10px; text-decoration : none; }
#dir-struct a.delete-link:link,
#dir-struct a.delete-link:visited,
#dir-struct a.delete-link:active	{ display : block; float : right; margin : -20px 7px 0; font-size : 10px; text-decoration : none; }
#dir-struct a.view-link:link,
#dir-struct a.view-link:visited,
#dir-struct a.view-link:active		{ display : block; float : right; margin : -20px 120px 0; font-size : 10px; text-decoration : none; }

#name-container				{ position : fixed; top : 50%; left : 361px; width : 360px; height : 100px; margin : -70px 0 0 -180px; padding : 12px; background : #fff; border : 1px solid #222; border-width : 2px 2px 2px 8px; text-align : center; }
#name-container h3			{ margin : 0 0 12px; padding : 0; }
#name-container #name-field		{ width : 260px; }
#name-buttons				{ width : 280px; margin : 14px 0 0 50px; }
#name-buttons input			{ width : 100px; margin-right : 20px; }


/* Staff + MM integration. */

#staff-mm-image				{ float : left; width : 102px; height : 175px; margin : 0 16px 16px 8px; }


/* Daily Reading Admin - multiple readings at once. */

#reading-mult-link			{ display : block; float : right; margin : 0; padding : 0; }
#reading-mult-form			{ margin : 8px 0 16px; padding : 8px 8px 2px; background : #FFF8DB; border : 1px solid #bbb; border-width : 1px 0; }
* html #reading-mult-form		{ padding-top : 0; padding-bottom : 0; }
* html #reading-mult-form form		{ margin-top : 4px; }
#reading-mult-form label		{ font-weight : bold; margin-right : 8px; }
#reading-mult-form em			{ display : block; color : #777; }

.reading-mult-float			{ float : left; margin-right : 48px; }

/* Hacks that force certain browsers to display the page correctly. */

	/* The following rules are applied to IE Mac only */ /*\*//*/

	#main 		{  }

	/* */
	/* The following rules are applied to IE Win only. */ /*\*/

	* html #eip-enabled		{ width : 258px; height : 30px; }
	* html #eip-enabled #eip-logout	{ width : 40px; height : 20px; }

	* html #server-msg 		{ width : 258px; height : 60px; }

	* html ul.mm-file-list li	{ height : 58px; }

	* html ul.mm-file-list li div.file-icon span	{ margin-top : 30px; margin-left : -41px; }

	* html fieldset.news 		{ width : 406px; }

	* html #dir-struct		{ position : relative; left : 10px; z-index : -100; }
	* html #dir-struct > ul		{ padding : 0 0 0; }
	* html #dir-struct ul li.dir	{ background : url('eip/images/icons/dir.gif') no-repeat 5px 5px; }

        * html #dir-struct a.toggle-arrow:link,
        * html #dir-struct a.toggle-arrow:visited,
        * html #dir-struct a.toggle-arrow:active,
        * html #dir-struct a.toggle-arrow-down:link,
        * html #dir-struct a.toggle-arrow-down:visited,
        * html #dir-struct a.toggle-arrow-down:active	{ margin : 5px 5px 0 8px; }

        * html #dir-struct a.add-eip-link:link,
        * html #dir-struct a.add-eip-link:visited,
        * html #dir-struct a.add-eip-link:active,
        * html #dir-struct a.add-dir-link:link,
        * html #dir-struct a.add-dir-link:visited,
        * html #dir-struct a.add-dir-link:active,
        * html #dir-struct a.delete-link:link,
        * html #dir-struct a.delete-link:visited,
        * html #dir-struct a.delete-link:active,
        * html #dir-struct a.view-link:link,
        * html #dir-struct a.view-link:visited,
        * html #dir-struct a.view-link:active		{ display : inline; margin : 0 0 0 16px; }

	* html #dir-struct ul li span.button-container	{ display : block; float : right; width : 310px; height : 22px; margin : -21px 0 0; }

	* html #dir-struct ul li span			{ display : block; margin-bottom : 4px; }
	* html #dir-struct ul li.dir ul li span		{ font-weight : normal; }

	* hmtl #dir-struct ul li.php,
	* html #dir-struct ul li.text,
	* html #dir-struct ul li.image,
	* html #dir-struct ul li.file			{ background-position :  0 4px; }

	* html #name-container				{ position : absolute; top : 140px; left : 184px; width : 360px; height : 100px; margin : 0 0 0; }
	* html #name-container h3			{ font-size : 14px; }
	* html #name-buttons				{ width : 300px; margin : 14px 0 0 10px; }
	* html #name-buttons input			{ width : 100px; margin-right : 20px; }

/* admin links ------------------------------------------- */
.pages_menu div.link {
	color: white;
	display: inline;
	clear:none;
	float: left;
	margin: 2px;
}
.pages_menu div.link a.white {
	font-weight: bold;
	text-decoration: none;
	color: white;
}
.pages_menu div.link a.white:hover {
	text-decoration:underline;
}
/* ------------------------------------------------------- */

.page_section {
    background-color: #E5E5E5;
    padding: 7px;
}


@import 'eip.style.list.css';