/**
 *  (CSS) Swami Helpers
 *
 *  @package        Swami
 *  @subpackage     assets
 *  @version        0.2.0
 *  @link           http://swami.curiousanimal.com/
 *  @author         Nick Gregory [Swami@curiousanimal.com]
 *
 *  @copyright      (c) 2008 Nick Gregory
 *  @license        http://creativecommons.org/licenses/by-nd/3.0
 *
 *  desc
 *  desc references relative folder _swami (not seen by UA.)
 *
 *
 *  @todo   .
 *
 *
**/


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

.nowrap  {white-space:nowrap;}

.aleft    {text-align:left;}
.aright   {text-align:right;}
.acenter  {text-align:center;}
.ajustify {text-align:justify;}

.fleft  {float:left;}
.fright {float:right;}
.fclear {clear:both;}

.hide {display:none;}

.txt_search {border:solid 1px #aaa; background:#ffc url(icons/16/system-search.png) 2px 50% no-repeat;}

.msg_ok, .msg_warn, .msg_err {padding:4px 10px; margin-bottom:10px; border:2px solid #ddd;}

.msg_ok    {background:#e6efc2; color:#264409; border-color:#c6d880;}
.msg_warn  {background:#fff6bf; color:#514721; border-color:#ffd324;}
.msg_err   {background:#fbe3e4; color:#8a1f11; border-color:#fbc2c4;}
.msg_ok a, .msg_warn a, .msg_err a {text-decoration:underline;}
.msg_ok    a {color:#264409;}
.msg_warn  a {color:#514721;}
.msg_err   a {color:#8a1f11;}

/*
------------------------------------------------------------------ */
.small {font-size:75%;}
/*
.offpage {position:absolute; left:9999px;}
.deleting {background:#fcc;}
.swami_help_box {margin:4px 0; padding:0 10px 0 24px; border:solid 1px #069; background:#eef url(icons/16/help-browser.png) 2px 2px no-repeat !important; -moz-border-radius:2px;}
.pager {..}
*/

#sw_cp {position:fixed; top:32px; left:32px; padding:2px 4px; background:#069; color:#fff; font:12px/14px sans-serif; text-align:left; z-index:999;}
#sw_cp {-moz-border-radius:5px; -webkit-border-radius:5px; opacity:0.9;}
#sw_cp a {padding:0 4px; color:#fff; text-decoration:none; -moz-border-radius:3px; -webkit-border-radius:3px;}
#sw_cp a:hover {background:#ffc; color:#069;}

#sw_cp_h {cursor:move;}

#cp_add {margin:2px 0; padding:2px; background:#eef; color:#069;}
#cp_add {-moz-border-radius:5px; -webkit-border-radius:5px;}
#cp_add ul {margin:0; padding:4px 20px;}
#cp_add ul li {margin:4px 0;}

.sortable {margin:0 0 15px 0; outline:dashed 1px #069; -moz-border-radius:5px; -webkit-border-radius:5px;}
.sortable .swami-site-edlink {padding-left:16px; background-image:url(icons/misc/12-em-updown.png); background-position:2px 50%; background-repeat:no-repeat; cursor:n-resize;}

.swami-site-edlink {
    position:relative; margin:0; padding-left:4px; background-color:#ffd; list-style:none;
    border-style:dashed; border-color:#a2bfde; border-width:0 0 1px 0; -moz-border-radius:3px; -webkit-border-radius:3px;
}
.swami-site-edlink       li {display: inline;}
.swami-site-edlink       a {visibility:hidden;  margin:0px 1px; padding:0 4px; border:solid 1px #999; font: 10px/12px sans-serif; text-decoration:none; -moz-border-radius:3px; -webkit-border-radius:3px;}
.swami-site-edlink:hover a {visibility:visible;}
.swami-site-edlink a:hover  {background-color:#ff0;}

.swami-site-edlink a        {background-position:0 0; background-repeat:no-repeat;}
.swami-site-edlink li.move  {width:12px; background-image:url(icons/misc/12-em-updown.png);}
.swami-site-edlink a.edit   {padding-left:16px; background-image:url(icons/misc/16-em-pencil.png);}
.swami-site-edlink a.config {padding-left:16px; background-image:url(icons/misc/16-tool-a.png);}
.swami-site-edlink a.delete {position:absolute; right:2px; top:0; color:#c00;}
.swami-site-edlink a.delete:hover {background:#c00; color:#fff;}

#sw_cp a.sw_modify_on:hover, /*  {background:#093; color:#fff;}*/
#sw_cp a.sw_modify_off       {background:#eee; color:#069;}
#sw_cp a.sw_modify_off:hover, /* {background:#c60; color:#fff;} */
#sw_cp a.sw_modify_on        {background:#69c;}

/* http://tylertate.com/grid/ */
.row     {width: 960px; margin:0 auto; overflow:hidden;}  /* center the row on the page, clear the interior contents with overflow:hidden hack */
.rows_16 {width:1280px; margin:0 auto; overflow:hidden;}
.column {float:left; display:inline; margin:0 10px; overflow:hidden;}  /* inline is ie6 double-margin bug fix */

.grid_1  {width:  60px;}
.grid_2  {width: 140px;}
.grid_3  {width: 220px;}
.grid_4  {width: 300px;}
.grid_5  {width: 380px;}
.grid_6  {width: 460px;}
.grid_7  {width: 540px;}
.grid_8  {width: 620px;}
.grid_9  {width: 700px;}
.grid_10 {width: 780px;}
.grid_11 {width: 860px;}
.grid_12 {width: 940px;}

.grid_13 {width:1020px;}
.grid_14 {width:1100px;}
.grid_15 {width:1180px;}
.grid_16 {width:1260px;}


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html]

.clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow:hidden;
}
.clearfix {display: block;}
*/

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }


.sw_devnote {margin:4px; padding:4px; border:double 3px #996; background:#ff6; color:#000; font:bold 14px/16px monospace;}
.sw_loading {padding-left:20px !important; background-image:url(ui/loading-16-320.gif); background-position:left center; background-repeat:no-repeat;}