﻿
ul.help 
{
	list-style-type:none;
	margin-bottom:3px;
	
	
	
}

li.help 
{
	color:#666666;
}




.MenuEditFrames 
{
	margin-left:0px;
	
}




.MetaDataNavi
{
    background-color: #f8f8f8; 
    border-style:solid;
    border-width:0.1em;
    border-color:#666666;
}

.MetaDataHeader
{
    background-color: #d1e4eb; 
    color: #04648c;
    border-style:solid;
    border-width:0.1em;
    border-color:#04648c;
    text-align:center;
    font-weight:normal;
    text-decoration:underline;
     font-size:100%;
    
}

.MetaDataBody 
{
border: 1px solid; 
border-color:#04648c;
border-collapse:collapse ;
font-size:100%;
}



.DataDoctorNavi
{
    background-color: #f8f8f8; 
    border-style:solid;
    border-width:0.1em;
    border-color:#666666;
}

.DataDoctorHeader
{
    background-color: #d1e4eb; 
    color: #04648c;
    border-style:solid;
    border-width:0.1em;
    border-color:#04648c;
    text-align:center;
    font-weight:normal;
    text-decoration:underline;
    
    
}

.DataDoctorBody 
{
border: 1px solid; 
border-color:#04648c;
border-collapse:collapse ;

}



.divShowDevice 
{

}






/*
input
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    border-style:solid;
    border-color:Gray;
    border-width: 0.1em;
}
*/

textarea
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    border-style:solid;
    border-color:Gray;
    border-width: 0.1em;
}

input.Error
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    border-style:none;
    color:Red;
    text-align:center;
}

.ErrorBig
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    border-style:none;
    color:red;
    text-align:center;
    padding:7px;
    border: 2px solid red;
    background-image:url("../../images/info.gif");
    background-repeat:no-repeat;
    width:40%;
    font-weight:bold;
    
}

.InfoBig
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    border-style:none;
    color:#4C8E24;
    text-align:center;
    padding:7px;
    border: 2px solid #660000;
    background-image:url("../../images/info.gif");
    background-repeat:no-repeat;
    width:40%;
    font-weight:bold;
    
}

.ErrorInfo
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    border-style:none;
    color:Red;
}

.SmallInfo
{
    font-size: x-small;
    border-style:none;
    color:Gray;
}

a, a:link, a:visited
{
	color: #014f78;
	
	FONT-WEIGHT: bold;
	TEXT-DECORATION:none;
	
}

a:hover
{
	
	FONT-WEIGHT: bold;
	color: #014f78;
	text-decoration:underline;
}


a.Button:link, a.Button:visited  {
	color: #014f78;
	font-size:normal;
	font-weight:bold;
	text-decoration:none;
	border-style:none;
	
}
a.Button:hover  {
	color: #014f78;
	font-size:normal;
	font-weight:bold;
	text-decoration:underline;
	border-style:none;
	cursor:pointer ;
}

a.DeviceFrame
{
	width:100%;
	 font-size:91.66%;
	  font-weight:normal;
	  text-decoration:none;
	   line-height:12px;
	 cursor:pointer ;
}


table
{
	border-style:none;
	
}

table.Standard
{
	border-style:none;
	border-width:0;
}

.FrameLight
{
	padding:2px;
	border-style:solid ;
	border-width:thin;
	border-color:#d3d3d3;
	
}

.Header
{
    background-color: #cddc29; 
    color: #014f78;
    font-weight: bold;
    font-size:83.66;
    height:18px;
    vertical-align:middle;
    border-style:solid;
    border-width:0.1em;
    border-color:#014f78;
    background-image:url("../../images/sauper_icon.gif");
    background-repeat:no-repeat;
    margin: 0px 0px 0px 0px;
    padding-top: 3px;
    padding-left: 20px;
   
   
}

select.DropDown
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 91.66% ;
    border-style:solid;
    border-color:Gray;
    border-width: 0.1em;
}

textarea.Input
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small ;
    border-style:solid;
    border-color:Gray;
    border-width: 0.1em;
}

.CheckBox
{
    border-style:none;
    border-width:0;
}



td.Caption
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight:bold;
    border-style:none;
    
}

td.Left 
{
	text-align:left;
}

td.Right 
{
	text-align:right;
}


img {
	border-style:none;
}

img.Loader {  
     position:absolute;
     top:50%;      
   
} 

.Thumb {
	border-style:solid;
	border-width:5;
	border-color:Gray;
}

div.LoaderPopup {  
     position:absolute; 
     position: fixed;
	 margin-top: -40px;
	 top: 50%;
} 

table.LoaderSubmenu {  
     background-color:#FFFFFF;  
     left:0;  
     filter:Alpha(opacity=90);  /*IE */  
     -moz-opacity:0.90; /* Gecko-Browser */  
     opacity:0.90;  /*Opera 9+ */  
     position:absolute;  
     text-align:center;  
     top:0; 
    
 
}  

#loader-mask {  
    position:relative;  
}  

#loader {  
     background-color:#FFFFFF;  
     left:0;  
     filter:Alpha(opacity=60);  /*IE */  
     -moz-opacity:0.6; /* Gecko-Browser */  
     opacity:0.6;  /*Opera 9+ */  
     position:absolute;  
     text-align:center;  
     top:0; 
    
 
}  

.Watermark
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight:normal ;
    border-style:solid;
    border-color:Gray;
    border-width: 0.1em;
    color:Gray;
    
}





/* Index Header */

.divSubHeader {
  background-color : #cddc29;
}

.IndexHeader 
{
	width:1176px;
	height:90px;
	border: 0px none;
	margin-left:10px;
	margin-right:14px;
	
}
#divMasterHeader 
{
	position:relative;
	top:2px;
	left:-2px;
}

img.IndexHeader 
{
	
	height:90px;
	 
}

/* Index Main */

div.Loader 
{
	position:absolute; 
	left:50%; 
	top:50%;
}










td.MenuPreviewPopup
{
    height:100px;
    background-color:#d3d3d3; 
}



table.UploadHeader 
{
	Height:100%;
	Width:100%;
	text-align:center;
    background-color: white;
    border-style: none;
}

td.UploadHeader 
{
    background-color: #014f78;
    color: White;
    font-weight: bold;
    font-size:small;
    border:0px;
}

td.UploadHeaderButton
{
    background-color: #014f78;
    color: White;
    font-weight: bold;
    font-size:91.66%;
    border:0px;
    Height:17px;
    Width:5%;
    text-align: right;
    
}

img.EditPopup
{
	width:17px;
	height:17px;
}


table.EditPopupContent 
{
	Height:50%;
	Width:50%;
	background-color: #ffffff;
    border-style: solid;
    border-color: #999999;
    border-width: thin;
}



.UserReadNoAccess
{
	color:gray;
	font-size:83.33%;
}

.UserEditNoAccess
{
	color:#990000;
	font-size:83.33%;
}

.UserFullNoAccess
{
	color:#0033FF;
	font-size:83.33%;
}

/*
BackColor="#F7F6F3" 
            BorderColor="#E6E2D8" BorderPadding="4" BorderStyle="Solid" BorderWidth="1px" 
            Font-Names="Verdana" Font-Size="0.8em"
*/


/* Add/Edit/Del */

.Enabled
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:91.66%;
    font-weight:normal;
    border-style:solid;
    border-color:Gray;
    border-width: 0.1em;
    background-color: #ffffff;
    color:black;
    padding-top:2px;
    padding-bottom:0px;
    height:24px;
    
}

.Enabled-Input
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:91.66%;
    font-weight:normal;
    border-style:solid;
    border-color:Gray;
    border-width: 0.1em;
    background-color: #ffffff;
    color:black;
    padding-top:2px;
    padding-bottom:0px;
    height:17px;
    
}

.Enabled-CheckBox
{
    border: 3px solid white;
    
     background-color:White;
    
     margin-left:1px;
     margin-right: 0px;
    
}


.Disabled,
 .yform fieldset div .Disabled,
 .yform fieldset div .Disabled:focus,
 .yform fieldset div .Disabled:visited,
 .yform fieldset div .Disabled:hover,
 .yform fieldset div .Disabled:active
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    
    font-weight:normal ;
    border-style:none;
    border-width: 0.1em;
    background-color:#fafafa;
    color:#014f78;
    padding-top:2px;
    padding-bottom:0px;
    height:16px;
    
}



.TextBoxEditInfo,
.yform fieldset div .TextBoxEditInfo,
 .yform fieldset div .TextBoxEditInfo:focus,
 .yform fieldset div .TextBoxEditInfo:visited,
 .yform fieldset div .TextBoxEditInfo:hover,
 .yform fieldset div .TextBoxEditInfo:active
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small ;
    border-style:none;
    border-color:white;
    border-width: 0;
     background-color:#fafafa;
}

.TextBoxEditInfoError,
.yform fieldset div .TextBoxEditInfoError,
 .yform fieldset div .TextBoxEditInfoError:focus,
 .yform fieldset div .TextBoxEditInfoError:visited,
 .yform fieldset div .TextBoxEditInfoError:hover,
 .yform fieldset div .TextBoxEditInfoError:active
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small ;
    color:#c30;
    border-style:none;
    border-color:red;
    border-width: 0;
    background-color:#fafafa;
}

.TextBoxEditInfoInfo,
.yform fieldset div .TextBoxEditInfoInfo,
 .yform fieldset div .TextBoxEditInfoInfo:focus,
 .yform fieldset div .TextBoxEditInfoInfo:visited,
 .yform fieldset div .TextBoxEditInfoInfo:hover,
 .yform fieldset div .TextBoxEditInfoInfo:active
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small ;
    color:#cddc29;
    border-style:none ;
    border-color:#ffffff;
    border-width: 0;
     background-color:#fafafa;
}

td.InfoGrid
{
	border-style:solid;
    border-color:green;
}

.InfoGridGrid
{
    font-size: small;
    border-style:none;
    border-width:0px;
    border-color:White;
    text-align:center;
 
}

.InfoGridCaption
{
	color:black;
	font-size:small;
	font-weight:bold;
	padding:3px;	
}








/* ASP.NET Items */


.FileUpload 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    border-style:solid;
    border-color:Gray;
    border-width: 0.1em;
    width:500px;
}


.MonitorIconText 
{
	position: relative; 
	top: -4px;
	left: 0px; 
	color: #660000; 
	font-family:Arial; 
	font-size: 14px; 
	font-weight: bold
}



/* Treeviews */


.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	background-color: white;
	margin-top: 4px;
}

.treeview .hitarea {
	background: url(../../images/jquery-treeview/treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
	padding: 3px 0pt 3px 16px;
}

.treeview a.selected {
	background-color: #eee;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: red; cursor: pointer; }

.treeview li { background: url(../../images/jquery-treeview/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(../../images/jquery-treeview/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-red li { background-image: url(../../images/jquery-treeview/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(../../images/jquery-treeview/treeview-red.gif); } 

.treeview-black li { background-image: url(../../images/jquery-treeview/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(../../images/jquery-treeview/treeview-black.gif); }  

.treeview-gray li { background-image: url(../../images/jquery-treeview/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(../../images/jquery-treeview//treeview-gray.gif); } 

.treeview-famfamfam li { background-image: url(../../images/jquery-treeview/treeview-famfamfam.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(../../images/jquery-treeview/treeview-famfamfam.gif); } 

.treeview .placeholder {
	background: url(images/ajax-loader.gif) 0 0 no-repeat;
	height: 16px;
	width: 16px;
	display: block;
}

.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(images/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(images/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(images/file.gif) 0 0 no-repeat; }

.userprotocol ul.level0 { border:1px solid #dddddd; margin-top:0px; margin-bottom:5px }
.userprotocol li { padding: 3px 0 2px 16px; }
.userprotocol span.level0, .userprotocol span.level1, .userprotocol span.level2, .userprotocol span.level3{ padding: 0px 0 1px 26px; display: block; }
.userprotocol span.level0 { background: url(../../images/jquery-treeview/login.gif) 0 0 no-repeat;  font-weight:bold; font-size:100%; color: #014f78; border:1px solid #014f78; height:20px; padding-top:2px; background-color:#eeeeee }
.userprotocol span.level1 { background: url(../../images/jquery-treeview/logger.jpg) 0 0 no-repeat; font-weight:bold; font-size:100%; color: #014f78; text-decoration:underline }
.userprotocol span.level2 { background: url(../../images/jquery-treeview/task.jpg) 0 0 no-repeat;  font-size:100%; color: #222222; }
.userprotocol span.level2 span { font-size:91.33%; padding-left:65px; color: #666666;  }
.userprotocol li.expandable span.level0 { background: url(../../images/jquery-treeview/login.gif) 0 0 no-repeat; }





