*
{
    padding:0px;
    margin:0px;
    font-size:13px;
    color:#333;
}

html,body{
	font-family:Tahoma,Verdana,Sans-Serif;
	width:100%;
	height:100%;
	/*line-height:130%;*/
	background-color:Transparent;
}

/* Login --> */
.body_login
{
    background:#CCC;
}

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

#PnlLogin
{
    position:absolute;
    top:50%;
    left:50%;
    width:500px;
    height:360px;
    margin-left:-250px;
    margin-top:-200px;
}

#PnlLogin_Top
{
    background-image:url(../../images/WC_LoginWindow_Shadow_Top.png);
    background-repeat:no-repeat;
    font-size:1px;
    height:10px;
}

#PnlLogin_Middle
{
    background-image:url(../../images/WC_LoginWindow_Shadow_Middle.png);
    background-repeat:repeat-y;
}

#PnlLogin_Bottom
{
    background-image:url(../../images/WC_LoginWindow_Shadow_Bottom.png);
    background-repeat:no-repeat;
    font-size:1px;
    height:10px;
}

#PnlLogin_Content
{
    margin:0px 10px;
    width:480px;
    height:298px;
    background-color:#FFF;
    background-image:url(../../images/WC_LoginWindow_BG_Middle.png);
    background-repeat:no-repeat;
    background-position:bottom;
}

#PnlLogin_Divider
{
    margin:0px 10px;
    width:480px;
    height:2px;
    background:url(../../images/WC_LoginWindow_Divider.png) no-repeat;
    font-size:1px;
}

#PnlLogin_Footer
{
    margin:0px 10px;
    width:480px;
    height:40px;
    line-height:40px;
    background:#f2f2f2;
    text-align:center;
    vertical-align:middle;
}

#PnlLogin_Footer a 
{
    font-size:11px;
    font-weight:normal;
    text-decoration:none;
}

#PnlLogin_Footer a:hover
{
    text-decoration:underline;
}

#PnlLogin_Box
{
    margin:10px 40px 20px 40px;
}

#PnlLogin_Box_Top
{
    background:url(../../images/WC_LoginWindow_RoundedBox_Top.png) no-repeat;
    width:400px;
    height:8px;
    font-size:1px;
}

#PnlLogin_Box_Middle
{
    background:url(../../images/WC_LoginWindow_RoundedBox_Middle.png) repeat-y;
    width:400px;
    padding:10px 0px;
}

#PnlLogin_Box_Bottom
{
    background:url(../../images/WC_LoginWindow_RoundedBox_Bottom.png) no-repeat;
    width:400px;
    height:8px;
    font-size:1px;
}

.label
{
    width:150px;
    text-align:right;
    clear:left;
    float:left;
    padding:5px 10px 0px 0px;
}

.label_text
{
    display:block;
    clear:left;
    float:left;
    width:135px;
    text-align:right;
    margin:5px 10px 0px 0px;
    font-size:12px;
    color:#4c4c4c;
}

.text_box
{
    float:left;
    margin:5px;
}

.PnlLogin_Box_Text
{
    display:block;
    float:left;
    width:190px;
    height:18px;
    padding:2px 5px;
}

.PnlLogin_Box_SessionId
{
    height:31px;
    width:125px;
    padding:4px 5px 3px 5px;
    font-size:24px;
    font-family:Courier New;
    font-weight:bold;
    margin-top:5px;
    margin-right:10px;
    display:block;
    float:left;
    text-align:center;
 }

.PnlLogin_Box_Button
{
    display:block;
    float:left;
    padding-top:2px;
    cursor:pointer;
}

#PnlLogin_Infotext
{
    margin-top:20px;
    width:100%;
    text-align:center;
}

#btnLogin 
{
    cursor:pointer;
}

#pnlNoJava
{
    width:100%;
    padding:30px 0;
    text-align:center;
}

#pnlJava
{
    display:none;
}

.PnlPassword 
{
    display:none;
    margin-top:5px;
}

/* <-- Login */

#menPanelTop_Left
{
    background:url(../../Images/Sidebar_1_A.gif) no-repeat;
    width:5px;
    font-size:1px;
    float:left;
}

#menPanelTop_Middle
{
    background:url(../../Images/Sidebar_1_B.gif) repeat-x;
    width:240px;
    font-size:1px;
    float:left;
}

#menPanelTop_Right
{
    background:url(../../Images/Sidebar_1_C.gif) no-repeat;
    width:5px;
    font-size:1px;
    float:left;
}

#menPanelImage
{
    clear:both;
    background:url(../../Images/Sidebar_2_FULL.gif) repeat;
    width:250px;
    padding:0px;
    font-size:1px;
}

#menPanel
{
    background:url(../../Images/Sidebar_2_FULL.gif) repeat;
    width:240px;
    padding:0px 5px 0px 5px;
    z-index:20;
}

#menPanelBottom_Left
{
    background-image:url(../../Images/Sidebar_3_A.gif);
    background-repeat:no-repeat;
    background-position:bottom;
    width:5px;
    /*height:25px;*/
    height:47px;
    font-size:1px;
    float:left;
}

#menPanelBottom_Middle
{
    background-image:url(../../Images/Sidebar_3_B.gif);
    background-repeat:repeat-x;
    background-position:bottom;
    width:240px;
    height:47px;
    font-size:1px;
    float:left;
}

#menPanelBottom_Right
{
    background-image:url(../../Images/Sidebar_3_C.gif);
    background-repeat:no-repeat;
    background-position:bottom;
    width:5px;
    height:47px;
    font-size:1px;
    float:left;
}

#rp_top_head
{
    display:none;
}

#tp_top_head_bot
{
    font-size:20px;
    height:20px;
}

#rp_top
{
    width:238px;
    background-color:#FFF;
    background-image:url(../../images/rp_top.gif);
    background-repeat:no-repeat;
    height:2px;
    font-size:1px;
}

#rp_mid
{
    width:228px;
    padding:0px 5px 0px 5px;
    background-color:#FFF;
    background-image:url(../../images/rp_mid.gif);
    background-repeat:repeat-y;
}

#rp_bot
{
    width:238px;
    background-color:#FFF;
    background-image:url(../../images/rp_bot.gif);
    background-position:bottom;
    background-repeat:no-repeat;
    height:2px;
    font-size:1px;
    margin-bottom:10px;
}

#ImgClose
{
    border:0px;
    background:url(../../images/Sidebar_Button_Quit.gif);
    width:23px;
    height:21px;
    margin-top:5px;
    padding:0px;
    display:block; 
    float:right;
}

#sPanel
{
    position:fixed;
    width:32px;
    height:32px;
    left:4px;
    top:120px;
    float:left;
    background:url(../../images/Sidebar_Shape_Handle.png) no-repeat;
}

#mPanel
{
    z-index:0;
}

#leftPanel
{
    color:#FFF;
    background-color:Transparent;
    width:250px;
    position:fixed;
    overflow:visible;
    left:-245px;
    z-index:10;
    top:10px;
}

.leftPanelButton 
{
    margin-top:15px;
    width:111px;
    margin-left:117px;
}

table.viewer
{
    padding:0px;
    margin:0px;
    border:0px;
}

table.viewer td
{
    height:128px;
    text-align:left;
    vertical-align:top;
    border-spacing:0px;
    width:128px;
}

table.viewer tr
{
    height:120px;
    overflow:hidden;
}

table.viewer img
{
    display:block;
    width:128px;
    height:128px;
}

#MainMenu
{
    width:238px;
    overflow:hidden;
    border:1px solid #cacaca;
    z-index:30;
}

.mm_pnl
{
    width:228px;
    padding:5px;
    background-color:White;
}

td.bold
{
    padding-left:0px;
    font-weight:bold;
}

table.Info
{
    width:100%;
    line-height:20px;
}

table.Info td
{
    white-space:nowrap;
    vertical-align:middle;
}

table.buttons
{
    width:100%;
    vertical-align:baseline;
    white-space:nowrap;
}

table.buttons tr
{
    margin-bottom:5px;
}

td.buttons_r
{
    text-align:right;
}

td.buttons_l
{
    text-align:left;
}

#Reveicer
{
    padding: 5px 5px 0px 5px;
    white-space:nowrap;
    text-align:center;
    width:100%;
}

.chat
{
    overflow:hidden;
}

.ChatMessage
{
    width:216px;
    height:150px;
    background:#EEE;
    overflow:scroll;
    overflow-x:hidden;
    border-style:solid;
    border-width:1px;
    border-color:#cacaca;
    padding:5px;
    font-size:12px;
}

#sendChatMessageReceiver 
{
    width:204px;
    margin-top:3px;
    padding:0px 1px;
}

#sendChatMessageReceiverLabel
{
    float:left;
    padding-top:3px;
    width:40%;
}

#sendChatMessageReceiverSelect
{
    float:left;
    width:60%;
}

#sendChatMessageReceiverSelect select
{
    width:100%;
    border-style:solid;
    border-width:1px;
    border-color:#cacaca;
}

.StatMessage
{
    width:216px;
    height:100px;
    background:#EEE;
    overflow:scroll;
    overflow-x:hidden;
    border-style:solid;
    border-width:1px;
    border-color:#cacaca;
    padding:5px;
    font-size:12px;
    color:#000000;
}

#txtMessage
{
    margin-top:5px;
    margin-bottom:0px;
    width:194px;
    padding:3px 5px;
    border-style:solid;
    border-width:1px;
    border-color:#cacaca;
    overflow:hidden;
}

#btnMessageSend
{
    margin:0px;
    width:16px;
    height:16px;
}

div.smallspacer
{
    height:5px;
    font-size:5px;
}

#ScrollFileBoard
{
    width:220px;
    overflow:scroll;
}

#VideoStream
{
    padding: 5px 50px 5px 50px;
}

#btnClose
{
    position:relative;
    float:right;
    padding:4px;
    border:none;
}

#content
{
    position:absolute;
    z-index:0;
    width:100%;
    height:100%;
    background:#FFF;
    overflow:scroll;
}

#imglogostart 
{
    width:150px;
    height:110px;
}

/* LOGIN */

#ClientHeader
{
    background:url(../../images/fvwClient_Header.gif) no-repeat;
    width:100%;
    height:29px;
}

#ClientMain
{
    background:url(../../images/fvwClient_Middle.gif) repeat-y;
    width:340px;
    height:200px;
    padding:10px;
}

#ClientFooter
{
    background:url(../../images/fvwClient_Footer.gif) no-repeat;
    width:100%;
    height:4px;
}

#fvwClient
{
    position:absolute;
    top:50%;
    left:50%;
    width:360px;
    height:233px;
    margin-top: -116px;
    margin-left: -180px;
}

#ClientMain_Button_FloatLeft
{
    float:left;
    padding: 5px 0px 5px 5px;
}

#ClientMain_Button_Left
{
    float:right;
    padding: 5px 7px 5px 0px;
}

#ClientMain_Button_Right, .Button_Right
{
    float:right;
    padding: 5px 0px 5px 0px;
}

#ClientMain_TUEV
{
    width:100%;
    float:right;
    height:59px;
    text-align:right;
    margin-bottom:5px;
}

#ClientMain_TUEV IMG
{
    margin-right:5px;
}

#ClientHeader_Title
{
    float:left;
    padding-left:30px;
    margin-top:7px;
}

#ClientHeader_Button
{
    float:right;
}

#ClientMain_TopLeft
{
    float:left;
    width:150px;
    height:110px;
    margin-right:10px;
}

#ClientMain_TopRight
{
    float:right;
    width:180px;
}

#ClientMain_TopRight input
{
    width:75px;
    overflow:hidden;
}

#ClientMain_ErrorDiv
{
    /*
    position:absolute;
    top:175px;
    */
    display:none;
}

#login
{
    margin-top:15px;
    width:180px;
    overflow:hidden;
    line-height:25px;
}

.logininput
{
    width:100%;
}

a.loginbutton, a.loginbutton:link, a.loginbutton:visited, input.loginbutton
{
    height:24px;
    width:104px;
    background:url(../../images/btnstandard23.gif) no-repeat;
    font-weight:bold;
    display:block;
    text-align:center;
    text-decoration:none;
    line-height:24px;
    vertical-align:middle;
    border:none;
}

a.loginbutton:hover, input.loginbutton:hover
{
    background:url(../../images/btnStandard23_hover.gif) no-repeat;
}

a.loginbutton:active, input.loginbutton:active
{
    background:url(../../images/btnStandard23_down.gif) no-repeat;
}

/* NAV-BARS */

.navbar, .navbar:link, .navbar:visited
{
    height:23px;
    width:238px;
    background:url(../../images/Tray_0.png) repeat-x;
    padding:0px;
    display:block;
    text-align:left;
    text-decoration:none;
    line-height:19px;
}

.navbar:hover
{
    background:url(../../images/Tray_1.png) repeat-x;
}

.navbar:active
{
    background:url(../../images/Tray_2.png) repeat-x;
}

.navbar_text
{
    font-weight:normal;
    text-shadow:#cacaca 1px 1px;
    padding-top:2px;
    margin-left:4px;
    float:left;
    cursor:default;
}

.navbar_button_extract
{
    float:right;
    background:url(../../images/Tray_Button.gif) no-repeat;
    width:23px;
    height:23px;
}

.navbar_button_extract:hover
{
    background:url(../../images/Tray_Button_over.gif) no-repeat;
}

.navbar_button_minimize
{
    float:right;
    background:url(../../images/Tray_Button_Minimize.gif) no-repeat;
    width:23px;
    height:23px;
}

.navbar_button_minimize:hover
{
    background:url(../../images/Tray_Button_Minimize_over.gif) no-repeat;
}

.navbar_tray_riffle
{
    float:right;
    background:url(../../images/Tray_Riffle.gif) no-repeat;
    width:17px;
    height:23px;
    cursor:move;
}

.navbar_arrow_expanded
{
    width:15px;
    height:16px;
    margin:3px 0px 1px 4px;
    background:url(../../images/Tray_Arrow_Expanded.gif);
    float:left;
}

.navbar_arrow_collapsed
{
    width:15px;
    height:16px;
    margin:3px 0px 1px 4px;
    background:url(../../images/Tray_Arrow_Collapsed.gif);
    float:left;
}

.hr_navbar
{
    height:1px;
    font-size:1px;
    width:238px;
    background:#cacaca;
}

/* END NAV-BARS */

/* LEAVE */
#ClientMain_Leave_Logo
{
    width:150px;
    height:110px;
    margin:auto;
    margin-bottom:10px;
}

#ClientMain_Leave_Info
{
    width:280px;
    height:20px;
    text-align:center;
    margin:auto;
    padding-top:2px;
    background:url(../../images/lblInfo.gif) no-repeat;
}

#ClientMain_Leave_Text
{
    width:100%;
    text-align:center;
    margin-bottom:5px;
}

.listsep 
{
    width:100%;
    color:#cacaca;
    height:2px;
    border:none;
}

#form1 
{
    overflow:visible;
}

#content
{
    overflow:visible;
}

#DivFiles 
{
    width:228px;
    overflow:auto;
}

#TableUsers
{
    width:238px;
    overflow:hidden;
}

#DivUsers 
{
    width:238px;
    background:#FFFFFF;
    color:#4c4c4c;
    font-size:12px;
    padding:3px 0px;
    overflow:auto;
}

#DivUsers span.moderator 
{
    font-size:10px;
    color:#808080;
}

#listUsers 
{
    width:226px;
    overflow:auto;
    font-size:10px;
}

.clear 
{
    clear:both;
}

@media only screen and (max-device-width: 480px) 
{
    body
    {
        width:640px;
        overflow:hidden;
    }
    
    #form1 
    {
        width:100%;
        height:100%;
        overflow:visible;
    }

    #content
    {
        width:100%;
        height:100%;
        overflow:scroll;
    }
}