/* button design css */

.sui_button.disabled .sui_inner {
    background-color: #777777;
}

.sui_button.disabled .sui_gradient.grad1 {
    background-color: #AAAAAA;
}

.sui_button.disabled.hover .sui_inner {
    background-color: #777777;
}
* html  .sui_inner{background-color:#577BBD;}


.sui_button.disabled.hover .sui_gradient.grad1 {
    background-color: #AAAAAA;
}

* html .hover div.grad1{background-color:#577BBD;}

.sui_button.disabled.pressed .sui_inner {
    background-color: #777777;
}

.sui_button.disabled.pressed .sui_gradient.grad1 {
    background-color: #AAAAAA;
}

.sui_button.disabled.focused .sui_inner {
    background-color: #777777;
}

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

#sui_shader
{	
	background-color: #000000;
    height: 100%;
    width: 100%;
    position: fixed !important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 5;
    display: block;
}

.sui_shader_content
{
	font-size: 0.9em;
	width: 100%;
	height: 100%;
    position: absolute;
	z-index: 6;
}

.sui_video 
{
    background-color: #444488;
    border: solid 2px #8888AA;
    position: absolute;
    width: 600px;
    height: 425px;
    text-align: center;
    z-index: 10;
}

.sui_video .sui_video_header {
    height: 25px;
    width: 600px;
    background-color: #555599;
    text-align: left;
}

.sui_video .sui_video_header .sui_video_header_title {
    text-align: left;
    color: #FFFFFF;
}

.sui_video .sui_video_header .sui_video_header_close {
    text-align: right;
    color: #FFFFFF;
}

.sui_video .sui_video_header.hover {
    background-color: #797999;
}

.sui_video .sui_video_header.dragable {
    background-color: #222277;
}

.sui_video.dragable {
    background-color: #222277;
    outline: solid 2px #AAAAEE;
}

.sui_video_header_title
{
    float: left;
    padding-left:4px;
    padding-top:4px;
}

.sui_video_header_close{
    float:right;
    margin:3px 5px 0 0;
}

#vidDemoTest 
{
    z-index: 11;
}

.sui_video_video_wrapper
{
	width: 100%;
	height: 100%;
}