/* @override 
	http://192.168.0.3:8888/Limpogerme/v2/themes/templateorg/css/main.css
	http://192.168.0.3/Limpogerme/v2//themes/limpogerme/css/main.css
	http://limpogerme.multiweb.pt/themes/limpogerme/css/main.css
	http://localhost/Limpogerme/v2//themes/limpogerme/css/main.css
*/

/* CSS Document */

@import url("constants.css");

/*
	-- -- -- -- -- -- --

	LIMPOGERME v2008 CSS
	OUT/2009
	Desenvolvido por Multiweb * Business Inspiration
	www.multiweb.pt

	-- -- -- -- -- -- --

*/

/* =TIPOGRAFIA
------------------------------------------------------------------------ */
body, input, textarea{font-family: Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #071d2c;}
h1, h2, h3, h4, h5, h6{
	font-family: "Helvetica Neue",
	Helvetica, Arial, sans-serif;
	color:#2b678e;
	height:auto;
	font-weight:bold;
	}

h1{font-weight:normal;}
h3, h4, h5{margin-bottom:0;}

#header{}
#sidebar{
	font-size: 0.90em;
	color: #9fb0d0;
	}
	#sidebar h3{
		display: block;
		padding: 36px 12px 18px 40px;
		color: #fff;
		}

#footer{
	clear: both;
	font-size: 0.85em;
	line-height: 1.3em;
	color: #6c82b1;
	background-color: #1b2648;
	border: 3px solid #fff;
	position: relative;
	top: 8px;
	right: -3px;
	width: 910px!important;
	}
a:link, a:visited{color:#8abe4c; font-weight:bold; text-decoration:none;}
a:hover, a:active{color: #a9e662;}


/* =LAYOUT SPECIFICS
------------------------------------------------------------------------ */
html, body, #globalContainer{
/* 	height: 100%; */
	}
body > #globalContainer{
	/*height: auto;
 	min-height: 100%; */
	}
	
body{
	background: #fff url(../images/layout/body.bg.png) repeat-x fixed left top;
	}
	body#secHome{
		color: #fff;
		}
		
div#globalContainer{
	/* height: 100%; */
	position: relative;
	}
div#header{
	position: relative;
	height: 121px;
	}
	div#header img#headerLogo{
		position: absolute;
		right: -40px;
		top: 0;
		}
div#mainContent{
	width: 965px;
	margin: 0 0 0 0;
	/* padding-bottom: 90px; */
	position: relative;
	}
	div#mainContent div.inner{
		position: relative;
		z-index: 2;
		width: 965px;
		border: 3px solid #fff;
		}
	div.inner:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
	div.inner {display:inline-block;}
	* html div.inner {height:1%;}
	div.inner {display:block;}
	div#mainContent img#mcshadowbottom{
		position: absolute;
		left: -10px;
		bottom: 78px;
		z-index: 1;
		}
	div#mainContent:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
	div#mainContent {display:inline-block;}
	* html div#mainContent {height:1%;}
	div#mainContent {display:block;}

	div#mainContent div.inner{
		background: url(../images/layout/mainContent.bg.png) repeat-y left top;
		}
	#secHome div#mainContent div.inner{
		background: url(../images/layout/home.mainContent.bg.png) repeat-y left top;
		}

	div#mainContent div#content{
		float: left;
		width: 692px;
		}
	div#mainContent div#sidebar{
		float: left;
		width: 273px;
		}
	div#mainContent div#innerContent{
		clear: left;
		padding: 20px 40px;
		}
	div#innerContent:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
	div#innerContent {display:inline-block;}
	* html div#innerContent {height:1%;}
	div#innerContent {display:block;}

#secHome div#headerContent{
	position: relative;
	height: 470px;
	width: 691px;
	overflow: hidden;
	}
	#secHome div#headerContent div#welcomeMessage{
		position: absolute;
		left: 0;
		bottom: 0;
		padding: 30px 40px 16px 40px;
		width: 611px;
		background: url(../images/layout/welcomeMessage.bg.png) repeat-x left bottom;
		}
	div#welcomeMessage h1{color: #fff;}
	div#welcomeMessage h1 strong{display: block;}

div#footer{
	position: relative;
	clear: both;
	height: 70px;
	width: 930px;
	padding: 20px 0 0 56px;
	margin: 0 auto 0 auto;
	z-index: 5;
	}
	div#footer div#address{
		float: left;
		width: 250px;
		margin: 0 20px 0 0;
		padding-top: 4px;
		}
	div#footer div#phones{
		float: left;
		width: 150px;
		margin: 0 20px 0 0;
		padding-top: 4px;
		}
	div#footer div#partners{
		float: left;
		width: 260px;
		text-align: center;
		margin: -8px 20px 0 0;
		padding: 12px 0 12px 0;
		border-right: 1px solid #49526d;
		border-left: 1px solid #49526d;
		}

/* =LAYOUT SNIPPETS
------------------------------------------------------------------------ */

div#featuredSidebar{}
	div#featuredSidebar div.header{
		background: #000;
		height: 80px;
		overflow: hidden;
		border-bottom: 2px solid #fff;
		}
	div#featuredSidebar div.contents{
		padding: 8px 20px 12px 40px;
		}
	div#featuredSidebar div.contents p{
		margin: 0;
		font-size: 0.90em;
		}
	div#featuredSidebar a:link,
	div#featuredSidebar a:visited{
		color: #efeef0;
		font-size: 1.3em;
		}

div#contentHeader{
	background: url(../images/layout/contentHeader.bg.png) repeat-x left top;
	padding-top: 70px;
	float: left;
	width: 692px;
	overflow: hidden;
	}
	div#contentHeader h2,
	div#contentHeader h3{
		display: block;
		margin: 0;
		position: absolute;
		left: 40px;
		top: 0;
		font-weight: normal;
		}
	div#contentHeader h2{
		top: 6px;
		color: #689333;
		}
	div#contentHeader h3{
		top: 36px;
		color: #fff;
		text-transform: none;
		}
	
	div#contentHeader div#contentImg{
		height: 90px;
		width: 692px;
		overflow: hidden;
		background: #fff;
		position: relative;
		}
	div#contentHeader div#contentImg img.mask{
		position: absolute;
		left: 0;
		top: 0;
		z-index: 2;
		}
	div#contentHeader div#contentImg img.header{
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1;
		}

div#tabsInterface{
	float: left;
	margin: 1.3em 0;
	}
	div#tabsInterface ul.ui-tabs-nav{
		float: left;
		background: url(../images/layout/tabsInterface.nav.bg.png) no-repeat left top;
		letter-spacing: 0px;
		margin: 0 0 -1px 0;
		}
	div#tabsInterface ul.ui-tabs-nav a:link,
	div#tabsInterface ul.ui-tabs-nav a:visited{
		display: block;
		padding: 8px 18px;
		background: url(../images/layout/tabsInterface.a.bg.png) repeat-x right top;
		color: #8995b0;
		text-shadow: #e5edfc 1px 1px 0;
		border-top: 2px solid #abb6ce;
		border-right: 1px solid #abb6ce;
		border-bottom: 1px solid #abb6ce;
		border-left: 1px solid #abb6ce;
		}
	div#tabsInterface ul.ui-tabs-nav li.ui-state-active a:link,
	div#tabsInterface ul.ui-tabs-nav li.ui-state-active a:visited{
		color: #618eab;
		text-shadow: #fff 1px 1px 0;
		background: #f1f3f9;
		border-bottom: 1px solid #f1f4f9;
		}
	div#tabsInterface div.ui-tabs-panel{
		float: left;
		clear: left;
		width: 556px;
		padding: 16px;
		background: url(../images/layout/tabsInterface.panel.bg.png) no-repeat left top;
		}

#galleryStatic{
	float: left;
	width: 230px;
	margin: 0 18px 12px 0;
	}
	#galleryStatic div.mainPhoto{
		position: relative;
		width: 224px;
		border: 1px solid #ccc;
		margin: 0 0 2px 0;
		}
	#galleryStatic div.mainPhoto div.photoDescription{
		position: absolute;
		z-index: 3;
		left: 0;
		bottom: 0;
		width: 209px;
		padding: 8px 8px 10px 8px;
		color: #fff;
		font-size: 0.8em;
		line-height: 1.1em;
		background: url(../images/layout/photoDescription.bg.png) repeat;
		}
	#galleryStatic div.mainPhoto img{
		position: relative;
		left: 0;
		top: 0;
		z-index: 1;
		}
	#galleryStatic div.mainPhoto img.mask{
		position: absolute;
		left: 0;
		top: 0;
		}
	#galleryStatic ul{
		float: left;
		width: 100%;
		}
	#galleryStatic ul li{
		display: block;
		float: left;
		width: 110px;
		height: 80px;
		margin: 0 2px 2px 0;
		overflow: hidden;
		position: relative;
		border: 1px solid #ccc;
		}
	#galleryStatic ul li img.mask{
		position: absolute;
		left: 0;
		top: 0;
		z-index: 2;
		}
	#galleryStatic ul li img.thumb{
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1;
		clip: rect(0px 110px 80px 0);
		}

div#logs{
	left: 0;
	top: 32px;
	width: 640px;
	margin: 1em 20px 2em 20px;
	position: relative;
	clear: both;
	z-index: 5;
	}
	div#logs a.logs-close:link,
	div#logs a.logs-close:visited{
		position: absolute;
		right: 8px;
		top: -18px;
		text-transform: uppercase;
		font-weight: bold;
		color: #333;
		font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		}
	div#logs ul{text-align: center;}
	div#logs ul li{
		display: block;
		padding: 12px 8px;
		font-size: 1.1em;
		line-height: 1.3em;
		}
	div#logs ul li.info{
		color: #004e18;
		background: #d0f3d3;
		border: 1px solid #a4f76b;
		}
	div#logs ul li.notice{
		color: #004e18;
		background: #d0f3d3;
		border: 1px solid #a4f76b;
		}
	div#logs ul li.warning{
		color: #d41f22;
		font-size: 1.2em;
		background: #ede4ec;
		border: none;
		border-right: 1px solid #e18d93;
		border-bottom: 1px solid #e18d93;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		}


div#notifications{
	clear: left;
	}
	div#notifications ul{
		list-style: none;
		}
	div#notifications ul li{
		display:block; 
		padding: 12px;
		text-align: center;
		font-size: 1.3em;
		}
	div#notifications ul li.warning{
		background: #ffd5d6;
		color: red;
		}
	div#notifications ul li.info,
	div#notifications ul li.notice{
		background: #e2eaca;
		color: green;
		}

a#signatureMultiweb{
	display:block;
	position:absolute;
	width:171px;
	height:21px;
	right:22px;
	top:40px;
	z-index: 5;
	text-indent:-9000px;
	background: url(../images/langPT/layout/footer.multiweb.png) no-repeat left top;
	}

/* =DATATABLES
------------------------------------------------------------------------ */

table.articlesList{}
	table.articlesList td{
		padding: 0 32px 0 0;
		width: 50%;
		}
	table.articlesList div.thumb{
		position: relative;
		float: left;
		width: 85px;
		margin: 0 12px 0.8em 0;
		border: 1px solid #b8c0d4;
		}
	table.articlesList div.thumb img.thumb{
		position: relative;
		left: 0;
		top: 0;
		z-index: 1;
		}
	table.articlesList div.thumb img.mask{
		display: none;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 2;
		}
	table.articlesList div.thumb a:hover img.mask{
		top: -130px;
		}
	table.articlesList a:link,
	table.articlesList a:visited{
		color: #3f3f3f;
		}


table.articlesList2{}
	table.articlesList2 td{
		padding: 0 32px 0 0;
		width: 33%;
		}
	table.articlesList2 div.thumb{
		position: relative;
		width: 172px;
		margin: 0 0 0.8em 0;
		border: 1px solid #b8c0d4;
		}
	table.articlesList2 div.thumb img.thumb{
		position: relative;
		left: 0;
		top: 0;
		z-index: 1;
		}
	table.articlesList2 div.thumb img.mask{
		display: none;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 2;
		}
	table.articlesList2 div.thumb a:hover img.mask{
		top: -130px;
		}
	table.articlesList2 a:link,
	table.articlesList2 a:visited{
		color: #3f3f3f;
		}


table.relatedFiles{
		width: 556px;
		}
	table.relatedFiles caption{display: none;}
	table.relatedFiles th{
		background: none;
		font-size: 0.75em;
		text-transform: uppercase;
		font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
		}
	table.relatedFiles td{
		border-bottom: 1px solid #e9ebf0;
		}
	table.relatedFiles td.file{
		width: 180px;
		}
	table.relatedFiles td.file a{
		display: block;
		font-weight: bold;
		font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
		}
	table.relatedFiles td.file span{
		display: inline-block;
		font-size: 0.85em;
		margin: 0 6px 0 0;
		color: #a6acb7;
		}

table.relatedLinks{}
	table.relatedLinks caption{display: none;}
	table.relatedLinks td{
		border-bottom: 1px solid #e9ebf0;
		}
	table.relatedLinks a{
		display: block;
		font-weight: bold;
		font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
		}

table.folderNav{}
	table.folderNav td{
		border-bottom: 1px solid #e3e7ee;
		padding: 12px 0;
		width: 33%;
		}
	table.folderNav a:link.thumb,
	table.folderNav a:visited.thumb{
		float: left;
		margin: 0px 10px 0 0;
		border: 1px solid #e3e7ee;
		}
	table.folderNav a:hover.thumb,
	table.folderNav a:active.thumb{
		border: 1px solid #8fc250;
		float: left;
		}
	table.folderNav h3,
	table.folderNav p{
		display: block;
		padding: 0;
		margin-left: 60px;
		}

/* =LISTS
------------------------------------------------------------------------ */
ul{list-style: none; margin: 0; padding: 0;}
ul li{display: inline;}


/* =siteNav */
ul#siteNav {list-style:none; width:690px; height:89px; position:absolute; left:0px; top:0; z-index:1; margin:0 auto;}
ul#siteNav li{display:inline; position:relative;}
ul#siteNav li a:link,
ul#siteNav li a:visited{color:#fff;}
ul#siteNav li a {
	display:block;
	float:left;
	height:89px;
	background: url(../images/langPT/layout/sitenav.ops.png) no-repeat;
	}
	ul#siteNav li a span {display:none;}

ul#siteNav li.op01 a:link, ul#siteNav li.op01 a:visited{width:94px; background-position:0 0;}
ul#siteNav li.op02 a:link, ul#siteNav li.op02 a:visited{width:160px; background-position:-94px 0;}
ul#siteNav li.op03 a:link, ul#siteNav li.op03 a:visited{width:128px; background-position:-254px 0;}
ul#siteNav li.op04 a:link, ul#siteNav li.op04 a:visited{width:166px; background-position:-382px 0;}
ul#siteNav li.op05 a:link, ul#siteNav li.op05 a:visited{width:142px; background-position:-548px 0;}

ul#siteNav li.op01 a:hover{background-position:0px -89px;}
ul#siteNav li.op02 a:hover{background-position:-94px -89px;}
ul#siteNav li.op03 a:hover{background-position:-254px -89px;}
ul#siteNav li.op04 a:hover{background-position:-382px -89px;}
ul#siteNav li.op05 a:hover{background-position:-548px -89px;}

ul#siteNav li.op01active a:link, ul#siteNav li.op01active a:visited {width: 94px; background-position:0 -178px;}
ul#siteNav li.op02active a:link, ul#siteNav li.op02active a:visited {width: 160px; background-position:-94px -178px;}
ul#siteNav li.op03active a:link, ul#siteNav li.op03active a:visited {width: 128px; background-position:-254px -178px;}
ul#siteNav li.op04active a:link, ul#siteNav li.op04active a:visited {width: 166px; background-position:-382px -178px;}
ul#siteNav li.op05active a:link, ul#siteNav li.op05active a:visited {width: 142px; background-position:-548px -178px;}

ul#sectionNav{
	background: #375088;
	padding: 0 0 0 40px;
	width: 652px;
	float: left;
	}
	ul#sectionNav li{display: inline;}
	ul#sectionNav li a{
		display: block;
		float: left;
		padding: 16px 14px;
		margin: 0 8px 0 0;
		}
	ul#sectionNav li a:link,
	ul#sectionNav li a:visited{
		background: url(../images/layout/sectorNav.a.bg.gif) no-repeat left 21px;
		font-weight: normal;
		color: #9ba8c4;
		}
	ul#sectionNav li.active a:link,
	ul#sectionNav li.active a:visited{
		color: #94cb4f;
		background-position: left -64px;
		}
	ul#sectionNav li a:hover,
	ul#sectionNav li a:active{
		color: #94cb4f;
		background-position: left -64px;
		}


ul#featuredSections{
	float: left;
	width: 641px;
	padding: 26px 20px 26px 30px;
	}
	ul#featuredSections li{
		float: left;
		width: 186px;
		margin: 0 13px 0 14px;
		color: #93a2c8;
		}
	ul#featuredSections li a:link,
	ul#featuredSections li a:visited{
		padding-left: 14px;
		margin-left: -14px;
		background: url(../images/layout/featuredSections.a.bg.png) no-repeat left 6px;
		color: #fff;
		text-shadow: #30477b 1px 1px 0;
		}
	ul#featuredSections li a:hover,
	ul#featuredSections li a:active{
		color: #87bb4c;
		}

ul#pageNav{
	display: block;
	float: left;
	padding: 0;
	width: 610px;
	text-align: center;
	text-shadow: #c6cfd1 1px 1px 0;
	border-top: 1px solid #ececec;
	}
	ul#pageNav li{
		display: inline-block;
		}
	ul#pageNav li span{
		display: inline-block;
		width: auto;
		padding: 8px 4px 16px 4px;
		}
	ul#pageNav li.next{
		padding: 0 0 0 12px;
		margin: 0 0 0 12px;
		border-left: 1px solid #ececec;
		}
	ul#pageNav li.previous{
		padding: 0 12px 0 0;
		margin: 0 12px 0 0;
		border-right: 1px solid #ececec;
		}
	ul#pageNav li.active{
		font-weight: bold;
		text-shadow: #fff 1px 1px 0;
		}
	ul#pageNav li a:hover,
	ul#pageNav li a:active{
		text-shadow: #fcfdfd 1px 1px 0;
		}

ul#relatedArticles{
	float: left;
	}
	ul#relatedArticles li.title{display: none;}
	ul#relatedArticles li{
		float: left;
		width: 260px;
		height: 90px;
		padding: 8px 18px 12px 0;
		border-bottom: 1px solid #d8dfeb;
		}
	ul#relatedArticles a:link.thumb,
	ul#relatedArticles a:visited.thumb{
		width: 85px;
		height: 60px;
		overflow: hidden;
		float: left;
		border: 1px solid #d8dfeb;
		}
	ul#relatedArticles a:hover.thumb,
	ul#relatedArticles a:active.thumb{
		border: 1px solid #8cc04b;
		}

	ul#relatedArticles img.thumb{}
	ul#relatedArticles div.articleDetails{
		margin-left: 95px;
		}
	ul#relatedArticles p{
		margin: 0;
		}
	ul#relatedArticles a{
		font-weight: bold;
		font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
		}


div#rootNavContainer{
	position: absolute;
	right: 290px;
	top: 0;
	width: 400px;
	height: 60px;
	text-align: right;
	}
ul#rootnav{
	font-size: 0.80em;
	position: absolute;
	right: 0px;
	bottom: 0;
	color: #fff;
	}
	ul#rootnav li{
		margin-right: 4px;
		}
	ul#rootnav li a{
		padding-right: 4px;
		color: #fff;
		}

/* =FORMS
------------------------------------------------------------------------ */


/*button{
	float: left;
	border: none;
	background: url(../images/forms/button.bg.png) no-repeat left top;
	padding: 0 0 0 15px;
	color: #27343c;
	text-transform: uppercase;
	cursor: pointer;
	text-shadow: #b9d5a3 0 1px 0;
	}
	button::-moz-focus-inner{padding:0;border:none}
	button span{
		display: block;
		background: none;
		border: none;
		background: url(../images/forms/button.bg.png) no-repeat right top;
		padding: 6px 14px 10px 0;
		}
	button:hover,
	button:focus{
		background: url(../images/forms/button.bg.png) no-repeat left -38px;
		}
		button:hover span,
		button:focus span{background: url(../images/forms/button.bg.png) no-repeat right -38px;}
	button:active{
		background: url(../images/forms/button.bg.png) no-repeat left -82px;
		color: #4487cb;
		}
		button:active span{background: url(../images/forms/button.bg.png) no-repeat right -82px;}*/

form h4.formName{
	margin: 0 0 16px 0;
	}
form table	{
	border:none!important;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	}
form table th,
form table td{
	padding: 4px 6px;
	border:none!important;
	border-bottom: 1px solid #ebeff2!important;
	}
form table tr.alt td{
	background: none!important;
	}
form table tr.lastRow th,
form table tr.lastRow td{
	border-bottom: none;
	padding-top: 12px;
	}
form table th{
	width: 100px!important;
	background: none!important;
	border-top: none!important;
	text-align: right;
	vertical-align: middle!important;
	}

form label.error{
	display: block;
	float: left;
	color: #f00;
	width: 90px;
	padding: 8px;
	}
form label.success{
	color: #89c34c;
	}

form table input,
form table textarea{
	padding: 6px;
	border: 1px solid #e0e0e0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color: #fff;
	width: 65%;
	float: left;
	margin: 4px 0;
	}
form table select{
	margin: 6px 0;
	}
form table input.error,
form table textarea.error{
	border: 1px solid #ef8683;
	background: #fbeae4;
	}
form table textarea{
	height: 60px;
	}

form table.userValidation{
	margin: 6px 0 8px 0;
	}
form table.userValidation th,
form table.userValidation td{
	border: none;

	}
form table.userValidation input,
form table.userValidation img,
form table.userValidation a{
	float: left;
	display: block;
	margin: 8px 6px 0 0;
	}
form table.userValidation a{
	width: 172px;
	padding: 6px 0px 6px 0px;
	}
form table.userValidation label{}



/* =COMPONENTS
------------------------------------------------------------------------ */

/* JQUERY UI
------------------------------------------------------------------------ */

/*TABS*/
.ui-tabs {padding: 0; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: 0; outline: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 0; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }


/* =GRID
------------------------------------------------------------------------ */
/*
   == STRUCTURE: ========================
    * Page width:            965 px
    * Number of columns:     25
    * Column width:          29 px
    * Margin width:          10 px
   ======================================
*/

.container {width:965px;margin:0 auto;}

div.cols-1, div.cols-2, div.cols-3, div.cols-4, div.cols-5, div.cols-6, div.cols-7, div.cols-8, div.cols-9, div.cols-10, div.cols-11, div.cols-12, div.cols-13, div.cols-14, div.cols-15, div.cols-16, div.cols-17, div.cols-18, div.cols-19, div.cols-20, div.cols-21, div.cols-22, div.cols-23, div.cols-24, div.cols-25 {float:left;margin-right: 10px;}

div.last { margin: 0; }

.cols-1  { width: 29px;}
.cols-2  { width: 68px;}
.cols-3  { width: 107px;}
.cols-4  { width: 146px;}
.cols-5  { width: 185px;}
.cols-6  { width: 224px;}
.cols-7  { width: 263px;}
.cols-8  { width: 302px;}
.cols-9  { width: 341px;}
.cols-10 { width: 380px;}
.cols-11 { width: 419px;}
.cols-12 { width: 458px;}
.cols-13 { width: 497px;}
.cols-14 { width: 536px;}
.cols-15 { width: 575px;}
.cols-16 { width: 614px;}
.cols-17 { width: 653px;}
.cols-18 { width: 692px;}
.cols-19 { width: 731px;}
.cols-20 { width: 770px;}
.cols-21 { width: 809px;}
.cols-22 { width: 848px;}
.cols-23 { width: 887px;}
.cols-24 { width: 926px;}
.cols-25, div.cols-25 { width: 965px; margin: 0; }

.append-1  { padding-right: 39px;}
.append-2  { padding-right: 78px;}
.append-3  { padding-right: 117px;}
.append-4  { padding-right: 156px;}
.append-5  { padding-right: 195px;}
.append-6  { padding-right: 234px;}
.append-7  { padding-right: 273px;}
.append-8  { padding-right: 312px;}
.append-9  { padding-right: 351px;}
.append-10 { padding-right: 390px;}
.append-11 { padding-right: 429px;}
.append-12 { padding-right: 468px;}
.append-13 { padding-right: 507px;}
.append-14 { padding-right: 546px;}
.append-15 { padding-right: 585px;}
.append-16 { padding-right: 624px;}
.append-17 { padding-right: 663px;}
.append-18 { padding-right: 702px;}
.append-19 { padding-right: 741px;}
.append-20 { padding-right: 780px;}
.append-21 { padding-right: 819px;}
.append-22 { padding-right: 858px;}
.append-23 { padding-right: 897px;}
.append-24 { padding-right: 936px;}

.prepend-1  { padding-left: 39px;}
.prepend-2  { padding-left: 78px;}
.prepend-3  { padding-left: 117px;}
.prepend-4  { padding-left: 156px;}
.prepend-5  { padding-left: 195px;}
.prepend-6  { padding-left: 234px;}
.prepend-7  { padding-left: 273px;}
.prepend-8  { padding-left: 312px;}
.prepend-9  { padding-left: 351px;}
.prepend-10 { padding-left: 390px;}
.prepend-11 { padding-left: 429px;}
.prepend-12 { padding-left: 468px;}
.prepend-13 { padding-left: 507px;}
.prepend-14 { padding-left: 546px;}
.prepend-15 { padding-left: 585px;}
.prepend-16 { padding-left: 624px;}
.prepend-17 { padding-left: 663px;}
.prepend-18 { padding-left: 702px;}
.prepend-19 { padding-left: 741px;}
.prepend-20 { padding-left: 780px;}
.prepend-21 { padding-left: 819px;}
.prepend-22 { padding-left: 858px;}
.prepend-23 { padding-left: 897px;}
.prepend-24 { padding-left: 936px;}

div.border {
	padding-right:4px;
	margin-right:5px;
	border-right: 1px solid #eee;
	}

div.colborder {
  padding-right:27px;
  margin-right:24px;
  border-right: 1px solid #eee;
}

.pull-1 { margin-left: -39px;}
.pull-2 { margin-left: -78px;}
.pull-3 { margin-left: -117px;}
.pull-4 { margin-left: -156px;}
.pull-5 { margin-left: -195px;}
.pull-6 { margin-left: -234px;}
.pull-7 { margin-left: -273px;}
.pull-8 { margin-left: -312px;}
.pull-9 { margin-left: -351px;}
.pull-10 { margin-left: -390px;}
.pull-11 { margin-left: -429px;}
.pull-12 { margin-left: -468px;}
.pull-13 { margin-left: -507px;}
.pull-14 { margin-left: -546px;}
.pull-15 { margin-left: -585px;}
.pull-16 { margin-left: -624px;}
.pull-17 { margin-left: -663px;}
.pull-18 { margin-left: -702px;}
.pull-19 { margin-left: -741px;}
.pull-20 { margin-left: -780px;}
.pull-21 { margin-left: -819px;}
.pull-22 { margin-left: -858px;}
.pull-23 { margin-left: -897px;}
.pull-24 { margin-left: -936px;}
.pull-25 { margin-left: -975px;}

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24, .pull-25 {float:left;position:relative;}

.push-1 { margin: 0 -39px 1.5em 39px;}
.push-2 { margin: 0 -78px 1.5em 78px;}
.push-3 { margin: 0 -117px 1.5em 117px;}
.push-4 { margin: 0 -156px 1.5em 156px;}
.push-5 { margin: 0 -195px 1.5em 195px;}
.push-6 { margin: 0 -234px 1.5em 234px;}
.push-7 { margin: 0 -273px 1.5em 273px;}
.push-8 { margin: 0 -312px 1.5em 312px;}
.push-9 { margin: 0 -351px 1.5em 351px;}
.push-10 { margin: 0 -390px 1.5em 390px;}
.push-11 { margin: 0 -429px 1.5em 429px;}
.push-12 { margin: 0 -468px 1.5em 468px;}
.push-13 { margin: 0 -507px 1.5em 507px;}
.push-14 { margin: 0 -546px 1.5em 546px;}
.push-15 { margin: 0 -585px 1.5em 585px;}
.push-16 { margin: 0 -624px 1.5em 624px;}
.push-17 { margin: 0 -663px 1.5em 663px;}
.push-18 { margin: 0 -702px 1.5em 702px;}
.push-19 { margin: 0 -741px 1.5em 741px;}
.push-20 { margin: 0 -780px 1.5em 780px;}
.push-21 { margin: 0 -819px 1.5em 819px;}
.push-22 { margin: 0 -858px 1.5em 858px;}
.push-23 { margin: 0 -897px 1.5em 897px;}
.push-24 { margin: 0 -936px 1.5em 936px;}
.push-25 { margin: 0 -975px 1.5em 975px;}

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24, .push-25 {float:right;position:relative;}