/*
 * This CSS file is for customization purpose only
 *
 * To make it easier to update a YOOtheme template to the latest version use
 * this custom.css file for small CSS modifications.
 *
 * How it works:
 * For example if you want to change a color which is applied in layout.css
 * just copy the original styling into this file right after the commented
 * section. Do this for all CSS modifications.
 *
 * In case you have to update the template save the custom.css file on your computer.
 * De-install and re-install the updated template version. And copy your saved
 * custom.css file back in place. Now compare your modification with the new CSS
 * files and make sure they are working.
 *
 * To activate the loading of this file goto the template folder and take a look
 * at css/template.css.php at the last line. Uncomment follwing line:
 * // include(PATH_ROOT . 'custom.css');
 */ 



/*
 * layout.css
 */
/* Pagination */
	div#pagination {
		float: right;
		height: 20px;
		font: 8pt Verdana, Arial, Helvetica, sans-serif;
		vertical-align: middle;
		line-height: 20px;
		margin: 18px 0 0 0;
	}
	div#pagination .pg_pages {
		float: left;
		margin: 0 4px;
	}
	a.pg_item_current {
		color: #FFF;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		text-decoration: none;
		margin: 0 2px;
		padding: 2px 4px;
		background-color: #2DA2DC;
		font-weight: bold;
		border: 1px solid #EFEFEF;
	}
	a.pg_item {
		color: #333;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		margin: 0 2px;
		line-height: 16px;
		padding: 2px 4px;
		text-decoration:underline;
	}
	a.pg_item:hover {
		color: #000;
		text-decoration: none;
		margin: 0 2px;
		line-height: 16px;
		padding: 2px 4px;
		background-color: #DEE2E3;
	}
	a.button {
		float:left;
		padding: 0 10px 0 0;
		display:block;
		font-size:14px;
		line-height:20px;
		height:20px;
		text-align:center;
		font-weight: bold;
	}
	a.button:hover {
		text-decoration: underline;
	}
	a.button:active {
		background-position: right bottom;
		color: #EFEFEF;
	}
	a.button span {
		display:block;
		float:left;
		height:20px;
		padding: 0 0 0 10px;
		cursor:pointer;
	}
	a.button:hover span {
		background-position: left center;
	}
	a.button:active span {
		background-position: left bottom;
	}

/*multi-selection format*/
#mainmiddle.reg_form div label {
	display:block;
	float:left;
	width: 80px;
	font-size: 12px;
	line-height: 20px;
	text-align:right;
	color: #666;
	margin-right: 4px;
}

#mainmiddle.reg_form div.multi {
	width: 580px;
	float:left;
	clear:none;
	margin:0;
	overflow:hidden;
}
#mainmiddle.reg_form div.multi label {
	text-align:left;
	margin:0;
	width: 70px;
}
#mainmiddle.reg_form div.multi label span{
	cursor:pointer;
}
#mainmiddle.reg_form div.multi label.full {
	width: 100%;
}
#mainmiddle.reg_form div.multi label.half {
	width: 50%;
}
#mainmiddle.reg_form div.multi label.quarter {
	width: 25%;

}
#mainmiddle.reg_form div.multi label.eighth {
	width: 12.5%;
}


/*
 * general.css
 */

legend { font-size: 1.2em; }


/*
 * menus.css
 */



/*
 * modules.css
 */



/*
 * joomla.css
 */



/*
 * extensions.css
 */



/*
 * [color]-[specific].css
 * Place here your color specific CSS changes depending on your choosen color variation
 */



/*
 * ie7hacks.css
 * use IE7 browser hacks to apply the styling only to IE7
 * For example: Star-Plus-HTML-Hack: *:first-child+html #YOURSELECTOR { attribute:value; }
 */



/*
 * ie6hacks.css
 * Use IE6 browser hacks to apply the styling only to IE6
 * For example: Star-HTML-Hack: * html #YOURSELECTOR { attribute:value; }
 */