#update_field {
    width: 300px;
    height:600px;
    position: relative;
    float: right;
}

#tree_list {
    width: 100%;
}

div.form .option {
    float: left;
    width: 100%;
}

.update_ok {
    color: green;
    font-weight: bold;
}

.update_err, .delete_err, .flash_err {
    color: red;
    font-weight: bold;
}

/**
 * Css tabs.
*/
#csstabs{
    position:relative;
    width:300px;
    height:400px;
}
#csstabs h3{
    font-size: 12pt;
    padding:5px;
    height:30px;
    text-align:center;
    border-top:1px solid #000;
    border-left:1px solid #000;
    border-right:1px solid #000;
}

.tabcontent{
    overflow:auto;
    padding:5px;
    margin: 0px;
    width:100%;
    background:#fff;
    border:1px solid #000;
}

#tab1 .tabcontent{
    z-index:2;
    position:absolute;
    left:0;
    top:40px;
    background:#fff;
    height:350px;
}

#tab1 h3{
    z-index:3;
    width:145px;
    position:absolute;
    left:0;
    top:0;
    background:#fff;
}

#tab2 .tabcontent{
    z-index:1;
    position:absolute;
    left:0;
    top:40px;
    height:350px;
}

#tab2 h3{
    width:145px;
    position:absolute;
    left:155px;
    top:0;
}

#csstabs:hover h3,
#csstabs:focus h3,
#csstabs:active h3{
    background:none;
}

#tab1:hover h3,
#tab1:focus h3,
#tab1:active h3{
    z-index:4;
    background:#fff;
}
#tab1:hover .tabcontent,
#tab1:focus .tabcontent,
#tab1:active .tabcontent{
    z-index:3;
    background:#fff;
}

#tab2:hover h3,
#tab2:focus h3,
#tab2:active h3{
    z-index:4;
    background:#fff;
}
#tab2:hover .tabcontent,
#tab2:focus .tabcontent,
#tab2:active .tabcontent{
    z-index:3;
    background:#fff;
}

/**
 * CSS styles for CLinkPager.
 *
 * @author Qiang Xue <qiang.xue@gmail.com>
 * @link http://www.yiiframework.com/
 * @copyright Copyright &copy; 2008-2009 Yii Software LLC
 * @license http://www.yiiframework.com/license/
 * @version $Id: pager.css 434 2008-12-30 23:14:31Z qiang.xue $
 * @since 1.0
*/

#wym_tree {
    position: relative;
    width: 100%;
    float: left;
}

#images {
    margin-top:5px;
    position: relative;
    float: right;
    width: 100%;
}

.image_selected {
    color: green;
    font-weight: bold;
    display:none;
    width: 100%;
    position: relative;
    float: right;
}

ul.yiiPager
{
    font-size:11px;
    border:0;
    margin:0;
    padding:0;
    line-height:100%;
    display:inline;
}

ul.yiiPager li
{
    display:inline;
}

ul.yiiPager a:link,
ul.yiiPager a:visited,
ul.yiiPager span
{
    border:solid 1px #9aafe5;
    font-weight:bold;
    color:#0e509e;
    padding:1px 6px;
    text-decoration:none;
}

ul.yiiPager .page a,
ul.yiiPager .page span
{
    font-weight:normal;
}

ul.yiiPager a:hover,
ul.yiiPager span:hover
{
    border:solid 1px #0e509e;
}

ul.yiiPager .selected a,
ul.yiiPager .selected span
{
    background:#2e6ab1;
    color:#FFFFFF;
    font-weight:bold;
}

ul.yiiPager .hidden a,
ul.yiiPager .hidden span
{
    border:solid 1px #DEDEDE;
    color:#888888;
}

/**
 * Hide first and last buttons by default.
*/
ul.yiiPager .first,
ul.yiiPager .last
{
    display:none;
}

/*---------- sexy tooltip -----------*/
.tooltip {
    outline: none;
    text-decoration: none;
    position: relative;
}
.tooltip:hover {
    border-bottom: 1px dotted;cursor: help;
}
.tooltip span.classic,
.tooltip span.custom,
.tooltip span.critical,
.tooltip span.help,
.tooltip span.info,
.tooltip span.warning {
    margin-left: -999em;
    position: absolute;
    color:black;
}
.tooltip:hover span.classic,
.tooltip:hover span.custom,
.tooltip:hover span.critical,
.tooltip:hover span.help,
.tooltip:hover span.info,
.tooltip:hover span.warning {
    border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
    font-family: Calibri, Tahoma, Geneva, sans-serif;
    position: absolute; left: 1em; top: 2em; z-index: 99;
    margin-left: 0; width: 250px;
}
.tooltip:hover img {
    border: 0; margin: -10px 0 0 -55px;
    float: left; position: absolute;
}
.tooltip:hover em {
    font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
    display: block; padding: 0.2em 0 0.6em 0;
}
.classic { padding: 0.8em 1em; }
.custom { padding: 0.5em 0.8em 0.8em 2em; }
* html a:hover { background: transparent; }
.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
.info { background: #9FDAEE; border: 1px solid #2BB0D7;	}
.warning { background: #FFFFAA; border: 1px solid #FFAD33; }