/*+ @site: themes/rm-framework, @date: 02/14/11 10:17:05, @file: util.css */



/* =Util
-------------------------------------------------------------- */
strong { font-weight: bold}
em { font-style: italic}

.stretch { width: 100%; clear: both; display: block;}
.clear { clear: both;}
.left, .col-left, .column-left, .alignleft { float: left;}
.right, .col-right, .column-right, .alignright { float: right;}
.flat { list-style-type: none; margin: 0; padding: 0;}
.flat.left li { float: left; }
.flat.right li { float: right; }
.sep { color: #aaa; padding: 0 5px; width: 1px; overflow: hidden; font-size: 10px;}
.a-image, .hide-text {
  text-indent: -9999px; text-align: left; text-decoration: none; overflow: hidden; font-size: 1px; line-height: 1px;
	}
a.hide-text {
  display: block
	}

.invisible { visibility: hidden}
.onhover-children-visible:hover .invisible { visibility: visible}
.hide{ display: none}

.grey { color: #888}

/*
#index .thumb.left { margin-right: 10px}
#index .thumb.right { margin-left: 10px}
#sidebar .thumb.left { margin-right: 5px}
#sidebar .thumb.right { margin-left: 5px}


*/
.italic { font-style: italic}
.ta-left { text-align: left}
.ta-right { text-align: right}

.noborder { border: none}
.nomargin { margin: 0}
.nomargin-horizontal { margin-left: 0; margin-right: 0}
.nomargin-vertical { margin-top: 0; margin-bottom: 0}
.nopadding { padding: 0}
.nopadding-horizontal { padding-left: 0; padding-right: 0}
.nopadding-vertical { padding-top: 0; padding-bottom: 0}

	/*+ absolute positioning shortcuts */
.relative { position: relative; }
.absolute { position: absolute; }
.absolute-top { position: absolute; top: 0; bottom: auto;}
.absolute-right { position: absolute; right: 0; left: auto }
.absolute-bottom { position: absolute; top: auto; bottom: 0;}
.absolute-left { position: absolute; left: 0; right: auto}
.absolute-top-left { position: absolute; top: 0; left: 0; right: auto; bottom: auto}
.absolute-top-right { position: absolute; top: 0; left: auto; right: 0; bottom: auto}
.absolute-bottom-left { position: absolute; top: auto; bottom: 0; left: 0; right: auto}
.absolute-bottom-right { position: absolute; top: auto; bottom: 0; left: auto; right: 0}

	/*+ Polygonal CSS - css arrows */
	/* @link: http://www.yuiblog.com/blog/2010/11/22/css-quick-tip-css-arrows-and-shapes-without-markup/
	 * @link: http://ajaxian.com/archives/using-polygonal-css-for-imageless-tooltips-and-more 
	 */
.plg-arrow {
	display: block;
	width: 0; height: 0; 
	font-size: 0; line-height: 0; white-space: nowrap; background: transparent;
	border-style: solid; border-color: transparent; 
	}
.plg-arrow-dir-up {			border-width: 0 4px 4px 4px; border-bottom-color: #000;}
.plg-arrow-dir-down {		border-width: 4px 4px 0 4px; border-top-color: #000;}
.plg-arrow-dir-right { 	border-width: 4px 0 4px 4px; border-left-color: #000;}
.plg-arrow-dir-left { 	border-width: 4px 4px 4px 0; border-right-color: #000;}

.plg-arrow-dir-up.plg-arrow-size-large {		border-width: 10px 10px 0 10px}
.plg-arrow-dir-down.plg-arrow-size-large {	border-width: 0 10px 10px 10px}
.plg-arrow-dir-right.plg-arrow-size-large { border-width: 10px 0 10px 10px}
.plg-arrow-dir-left.plg-arrow-size-large {	border-width: 10px 10px 10px 0}
	
.plg-arrow-dir-up.plg-arrow-color-white {		border-bottom-color: #FFF;}   
.plg-arrow-dir-down.plg-arrow-color-white {	border-top-color: #FFF;}      
.plg-arrow-dir-right.plg-arrow-color-white {border-left-color: #FFF;}     
.plg-arrow-dir-left.plg-arrow-color-white {	border-right-color: #FFF;}