/**
 *  (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
 *      - one copy
 *          rm -rd _swami
 *          ln -s /home/nickolasg/sites/_include/swami/webroot/_assets/_swami/
 *
 *
**/


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

.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_info, .msg_warn, .msg_err, .msg_coffee {padding:4px 10px; margin-bottom:10px; border:2px solid #ddd; -moz-border-radius:3px; -webkit-border-radius:3px;}

.msg_ok    {background:#e6efc2; color:#264409; border-color:#c6d880;}
.msg_info  {background:#BDE5F8; color:#00529B; border-color:#00529B;}
.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;}

/*
.info, .success, .warning, .error, .validation {border: 1px solid; margin: 10px 0px; padding:15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center;}
.info    {color: #00529B; background-color: #BDE5F8; background-image: url('info.png');}
.success {color: #4F8A10; background-color: #DFF2BF; background-image:url('success.png');}
.warning {color: #9F6000; background-color: #FEEFB3; background-image: url('warning.png');}
.error   {color: #D8000C; background-color: #FFBABA; background-image: url('error.png');}
*/

.msg_coffee   {background:#876; color:#edb; border-color:#653;}
.msg_coffee a {color:#fff;}

#swami_edit .validation-failed {border:solid 1px #8a1f11 !important;}
/*
.eform .validation-advice {position:absolute; padding:0 4px; border:solid 2px #fbc2c4; background:#fbe3e4; color:#8a1f11; }
*/

/*
------------------------------------------------------------------ */
.small {font-size:10px !important; line-height:12px !important; font-weight:normal !important;}
.dhandle {cursor:move;}
/*
.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; border:solid 1px #444; border-width:0 1px; background:#999; color:#222; font:12px/14px sans-serif; text-align:left; z-index:999;}
#sw_cp {min-width:200px;}
#sw_cp {-moz-border-radius:6px; -webkit-border-radius:6px; opacity:0.9;}

#sw_cp_h,
#sw_cp_f {padding:2px 4px 2px 10px; background:#444; color:#fff;}
#sw_cp_h {font-weight:bold; cursor:move;                -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px;}
#sw_cp_f {color:#999; font-size:10px; line-height:12px; text-align:right; -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius:3px;}

#sw_cp_fn {overflow:hidden;}

#sw_cp ul {margin:4px; padding:0;}
#sw_cp li {margin:4px 0; list-style:none;}
li#sw_cp_modify {padding-left:20px; background:url(icons/16//accessories-text-editor.png) no-repeat;}
li#sw_cp_create {padding-left:20px; background:url(icons/16/list-add.png) no-repeat;}
li#sw_cp_go     {padding-left:20px; background:url(icons/16/go-next.png) no-repeat;}

#sw_cp ul.opt {margin:4px 4px 0 0; padding:2px; background:#eef; color:#069;}
#sw_cp ul.opt {-moz-border-radius:3px; -webkit-border-radius:3px;}
#sw_cp ul.opt li {margin:4px 0;}
#sw_cp ul.opt a {color:#444; display:block; width:100%;}

#sw_cp a {padding:0 2px; color:#fff; text-decoration:none; -moz-border-radius:3px; -webkit-border-radius:3px;}
#sw_cp_modify.on  a.on,
#sw_cp_modify.off a.off, /* #69c */
#sw_cp a:hover {background:#ffc !important; color:#069;}

#sw_cp_f a {color:#999;}

.swami-site-edlink {
 position:relative; margin:2px 0 !important; padding:0; border:solid 1px #fc0 !important; background-color:#ffc; list-style:none; text-align:left !important;
 -moz-border-radius:3px; -webkit-border-radius:3px;
}
.swami-site-edlink li      {display: inline;}
.swami-site-edlink li.move {width:12px;                   background-image:url(icons/misc/12-em-updown.png);}

.swami-site-edlink a        {display:block; height:auto !important; margin:0 !important; padding:0 4px !important; border:none !important;  background-repeat:no-repeat !important; color:#222 !important; font:10px/12px sans-serif !important; text-decoration:none; -moz-border-radius:3px; -webkit-border-radius:3px;}
.swami-site-edlink a:hover  {background-color:#fc0;}
.swami-site-edlink a.edit   {padding-left:16px !important; background-image:url(icons/misc/12-em-pencil.png) !important; background-position:2px 50%;}
.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:0; top:0; color:#c00;}
.swami-site-edlink a.delete:hover {background:#c00; color:#fff !important;}

.sortable {/* margin:0 0 15px 0; outline:dashed 1px #069;  -moz-border-radius:3px; -webkit-border-radius:3px;*/}
/*#lhs {min-height: 32px;}*/
.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;}


/* 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;}
.row .row {margin:0 -10px; width:auto; display:inline-block;}

.column  {float:left; display:inline; margin:0 10px; overflow:hidden;}  /* inline is ie6 double-margin bug fix */
.grid_0  {width:   0px; margin:0;}
.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;}


/*
// http://mootools.net/docs/more/Interface/Tips

<div class="options.className"> //the className you pass in options will be assigned here.
    <div class="tip-top"></div> //useful for styling
    <div class="tip">
        <div class="tip-title"></div>
        <div class="tip-text"></div>
    </div>
    <div class="tip-bottom"></div> //useful for styling
</div>
*/
.tip-top {}
.tip {padding:4px 10px; border:solid 1px #fff; background:#000; color:#fff; -moz-border-radius:3px; -webkit-border-radius:3px;}
.tip {background:#18e; color:#fff; -moz-border-radius:3px; -webkit-border-radius:3px;}
  .tip-title {}
  .tip-text {}
.tip-bottom {}


#sw_dialog {visibility:hidden; position:absolute; width:800px; top:60px; left:60px; padding:10px; border:solid 1px #222; background:#777; z-index:9999; -moz-border-radius:3px; -webkit-border-radius:3px;}
#sw_dialog.loading {height:20px; background:#777 url(ui/loading-16-320.gif) 50% 50% no-repeat;}