#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;
}

/* tooltip */
a.tooltip {
    position: relative;
}

a.tooltip div {
    display: none;
    position: absolute;
    z-index: 100;
    text-align: left;
    -moz-border-radius: 5px; /* this works only in camino/firefox */
    -webkit-border-radius: 5px; /* this is just for Safari */
}

a:hover.tooltip {
    font-size: 99%; /* this is just for IE */
}

a:hover.tooltip div {
    display: block;
}

a.tooltip div {
    top: 30px;
    left: 0px;
    width: 150px;
    padding: 5px;
    background: white;
    color: black;
    border: 1px solid black;
}