/* WSCADA CORE CSS */

*{

    margin:0;

    padding:0;

    font-family:Verdana, Arial, Helvetica, sans-serif;

}

body, html{

    margin:0;

    padding:0;

    text-align:center;

    width:100% !important;

    background-color: #eaf0e9;

}

a{

    color:#87B220;

    text-decoration:none;

}

    a:hover{

        color:#717171;

        text-decoration:none;

    }



#login_info{

	position:absolute;

	width:350px;

	padding:2px;

	top:2px;

	right:2px;

	/*border:1px solid #0c9610;

	background-color:#09870c;*/

	color:white;

	font-size:12px;

}

#login_info a {

color:white;

text-decoration:none;

}



.ElementErrorMessage{

color:red;

padding:0 10px;

}

.hidden{

	display:none;

}

.show{

	display:block;

}

.success {

	border: 1px solid #11BE32;

    clear: both;

    color: #022C0A;

    display: block;

    font-weight: bold;

    margin: 5px;

    padding: 10px 0 10px 25px;

    background-color: #a9dcb3;

}

.fail {

	clear: both;

	padding: 10px 0 10px 25px;

	/* background: url(../images/fail.png) left no-repeat; */

	color: red;

}

.error{

color: red;

padding:0 3px;

}

.noerror{

color:green;

padding:0 3px;

}



.sensor_parameter_id{

padding-left:30px;

display:block;

}



.attr_list_class{

	font-size:11px;

	font-weight:bold;

	list-style: none;

}

.attr_list_class li{

	margin-bottom: 3px;

	background-color: #cee499 !important;

}

.attr_list_class li span{

	padding: 5px 0px; 

	display: inline-block;

	text-align:center;

}

.attr_list_class li span img.handle {

	margin-right: 20px;

	cursor: move;

}



.form_row{

clear:both;

padding:3px 5px;

}	



.form_row label{

padding:0 25px 0 5px;

}



.horiz_list ul li{

	display:inline;

	margin-right: 40px;

	clear:both;

}



.remove_param {

	padding:0 5px;	

}

.view_attr {

	padding:0 5px;

}

.add_attr{

	padding:0 5px;

}

.remove_attr{

	padding:0 5px;

}

.sensor_option{

	padding:0 10px;

}



.FormLine{

	padding:2px 0;

}



.FormLine label {

	display: inline-block;

	width: 150px;

	margin: 7px;

	font-family:arial;

	font-weight:bold;

	color:#0e1949;

}



.FormLine input {

padding:4px;	

}



select{

	  background-color: #FFFFFF;

    border: 1px solid #CCCCCC;

    color: #999999;

    font-size: 11px;

    padding: 3px;

    width: 200px;

	}

	



 

.CheckBox-FormLine {



}

.CheckBox-FormLine label{

	margin: 7px;

	padding-right:50px;

	

}

.CheckBox-FormLine input[type="checkbox"] {

	padding:2px;

	max-width:50px;

}



.rts-TextBox{

	padding:4px;

}





/* ----- IDS ----- */

#container{

    width: 100%; /* 1329px; */

    /*min-width:1024px;*/

    padding:0;

    text-align:left;

    /*min-height:700px;*/

}



/* ----- HEADER ----- */



#logo{

    margin:0;

    padding:0;

    background-image: url('../_req/wscada_.png');

    width:45px;

    height:46px;

    line-height:55px;

    text-indent:48px;

    font-size:20px;

    font-wight:bold;

    font-family:arial;

}

#logo img{

    margin:0;

    padding:0;

    float:left;

}



#logo p{

    line-height:95px;

    float:left;

    margin-left:20px;

    

    

}







.subContainer, #navigation ul{

    margin:0 auto;

    align:centre;    

}

#header{

    text-align:left;

    margin:0;

    padding:5px;

    height:70px;

    background:#87b220;

}

#banner{

    margin:0;

    padding:0;

    padding-bottom:5px;

    background:#e7e7e7;

}



/* ----- NAVIGATION ----- */



#navigation{

    margin:0;

    padding:0;

    background:#7fa71f;

    height:35px;

    list-style:none;

    border-bottom:2px solid #1f5504;

}

    #navigation li{

        float:left;

        clear:none;

        list-style:none;

    }

    #navigation li a{

        color:#fff;

        display:block;

        font-size:12px;

        text-decoration:none;

        font-weight:bold;

        padding:10px 18px;

    }

    #navigation li a:hover{

        color:#fff;

        background:#1f5504;;

    }

    #active a{

        background:url('../_req/nav_bg.gif');

        

    }



#title{

	font-size:12px;

	font-weight:bold;

	text-align:centre;

	font-family:Arial;

}



/* ----- HEADINGS ----- */



h2{

    font-size:25px;

    letter-spacing:-1px;

    margin:10px;

    font-weight:normal;

    color:#718e3e;

}

h3{

    font-size:13px;

    font-weight:bold;

    color:#666;

    margin:5px 0;

    

}



/* ----- PARAGRAPHS ----- */



p{

    color:#043f4a;

    font-size:11px;    

    line-height:25px;

}

#primaryContent ul{

    color:#043f4a;

    font-size:13px;    

    margin:5px 0;

    list-style:none; 

}



#primaryContent .title {

  text-indent:5px;

  background-color: #4162a8;

  border-top: 1px solid #38538c;

  border-right: 1px solid #1f2d4d;

  border-bottom: 1px solid #151e33;

  border-left: 1px solid #1f2d4d;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  -ms-border-radius: 4px;

  -o-border-radius: 4px;

  border-radius: 4px;

  -webkit-box-shadow: inset 0 1px 10px 1px #5c8bee, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111111;

  -moz-box-shadow: inset 0 1px 10px 1px #5c8bee, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111111;

  -ms-box-shadow: inset 0 1px 10px 1px #5c8bee, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111111;

  -o-box-shadow: inset 0 1px 10px 1px #5c8bee, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111111;

  box-shadow: inset 0 1px 10px 1px #5c8bee, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111111;

  color: #fff;

  font: bold 10px "helvetica neue", helvetica, arial, sans-serif;

  line-height: 1;

  margin-top: 5px;

  margin-bottom: 10px;

  padding: 10px;

  text-align: center;

  text-shadow: 0px -1px 1px #1e2d4d;

  width: auto;

  display:inline-block;

  

  -webkit-background-clip: padding-box; }

  #primaryContent .title:hover {

    -webkit-box-shadow: inset 0 0px 20px 1px #87adff, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111111;

    -moz-box-shadow: inset 0 0px 20px 1px #87adff, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111111;

    -ms-box-shadow: inset 0 0px 20px 1px #87adff, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111111;

    -o-box-shadow: inset 0 0px 20px 1px #87adff, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111111;

    box-shadow: inset 0 0px 20px 1px #87adff, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111111;

    cursor: pointer; }

  #primaryContent .title:active {

    -webkit-box-shadow: inset 0 1px 10px 1px #5c8bee, 0 1px 0 #1d2c4d, 0 2px 0 #1f3053, 0 4px 3px 0 #111111;

    -moz-box-shadow: inset 0 1px 10px 1px #5c8bee, 0 1px 0 #1d2c4d, 0 2px 0 #1f3053, 0 4px 3px 0 #111111;

    -ms-box-shadow: inset 0 1px 10px 1px #5c8bee, 0 1px 0 #1d2c4d, 0 2px 0 #1f3053, 0 4px 3px 0 #111111;

    -o-box-shadow: inset 0 1px 10px 1px #5c8bee, 0 1px 0 #1d2c4d, 0 2px 0 #1f3053, 0 4px 3px 0 #111111;

    box-shadow: inset 0 1px 10px 1px #5c8bee, 0 1px 0 #1d2c4d, 0 2px 0 #1f3053, 0 4px 3px 0 #111111;

    margin-top: 6px; }



#primaryContent .title a{

	color:#fff;

	padding:5px;

	font-weight:bold;

	display:block;

	}



#primaryContent li{    

    padding-left:25px;

    margin:8px 0;

    list-style:none;

    list-style-type:decimal;

   /* background:url('../_req/content_bullet.png') left bottom no-repeat; */

}

#secondaryContent p{

    

}



/* ----- FORMS ----- */



input{

    background-color: #FFF;

    color: #999999;

    border: 1px solid #CCC;

    font-size: 11px;

    padding: 3px;

    width:200px;              

}

/*

button{

    background-color:#EFEFEF;

    line-height:11px;

    color: #000;

    border: 1px solid #CCC;

    font-size: 11px;

    height:20px;

    margin: 2px;

    padding: 0 5px;

}

*/



.ErrorMessage{

	border:1px solid #b81148;	

	color:#740228;

	background-color: #f18fa6;

	margin:2px;

	padding:5px;

}	



button {

  background-color: #759ae9;

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #759ae9), color-stop(50%, #376fe0), color-stop(50%, #1a5ad9), color-stop(100%, #2463de));

  background-image: -webkit-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);

  background-image: -moz-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);

  background-image: -ms-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);

  background-image: -o-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);

  background-image: linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);

  border-top: 1px solid #1f58cc;

  border-right: 1px solid #1b4db3;

  border-bottom: 1px solid #174299;

  border-left: 1px solid #1b4db3;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  -ms-border-radius: 4px;

  -o-border-radius: 4px;

  border-radius: 4px;

  -webkit-box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8);

  -moz-box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8);

  -ms-box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8);

  -o-box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8);

  box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8);

  color: #fff;

  font: bold 12px "helvetica neue", helvetica, arial, sans-serif;

  padding: 5px 2px 5px 2px;

  text-shadow: 0 -1px 1px #1a5ad9;

  width: 150px;

  margin:2px;

}



 button:hover {

    background-color: #5d89e8;

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5d89e8), color-stop(50%, #2261e0), color-stop(50%, #044bd9), color-stop(100%, #0d53de));

    background-image: -webkit-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);

    background-image: -moz-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);

    background-image: -ms-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);

    background-image: -o-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);

    background-image: linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);

    cursor: pointer;

 }



button:active {

    border-top: 1px solid #1b4db3;

    border-right: 1px solid #174299;

    border-bottom: 1px solid #133780;

    border-left: 1px solid #174299;

    -webkit-box-shadow: inset 0 0 5px 2px #1a47a0, 0 1px 0 #eeeeee;

    -moz-box-shadow: inset 0 0 5px 2px #1a47a0, 0 1px 0 #eeeeee;

    -ms-box-shadow: inset 0 0 5px 2px #1a47a0, 0 1px 0 #eeeeee;

    -o-box-shadow: inset 0 0 5px 2px #1a47a0, 0 1px 0 #eeeeee;

    box-shadow: inset 0 0 5px 2px #1a47a0, 0 1px 0 #eeeeee;

}



form p{

    padding:2px 0;

}



/* ----- IMAGES ----- */



img{

    border:0;

}

img a{

    border:0;

    text-decoration:none;

}

img a:hover{

    border:none;

}



/* ----- CONTENT ----- */



#primaryContent{

    padding-left:5px;

    font-size:12px;

    float:right;

    clear:none; 

    display:inline-block;

    background-color:#fff;

    width:80%;

    overflow:auto;

}



#primaryContent h2{

	background-color: #16405a;

	color:#fff;

	padding:3px;

	margin:10px 0px;

	font-size:18px;

}

    

#container img{

	text-align:centre;

}    

#secondaryContent{

	width:19%;

	overflow:auto;

    font-size:15px;

    display:inline-block;

    clear:none; 

    border-right:6px solid #7f837f;

}

#secondaryContent h2{

    padding:11px 15px;

    background:url('../_req/intro_bg.gif') no-repeat;

    color:#fff;

    margin-bottom:0;

    line-height:21px;

    font-size:13px;

    font-weight:normal;

}

#secondaryContent h3{

    color:#87b220;

    margin-top:20px;

}



 ----- COMMENTS ----- 



*/#comments{

    margin:15px 0;    

}

    #comments #status{

        color:#546d17;

        background:#f8f8f8;

        border:2px solid #ececec;

        padding:10px;

        margin-bottom:15px;    

    }

        #comments #status dd, #comments #status dt{

            display:inline;

        }

    #comments a{

        color:#546d17;

        font-weight:bold;

        text-decoration:none; 

    }

    #comments a:hover{

        color:#666;

        text-decoration:underline; 

    }

    #comments .comment{

        padding:10px 5px;

        border-top:3px solid #7fa71f;  

    }

        #comments .comment dt{

            float:left;

            clear:none;

        }

        #comments .comment dd{

            clear:both;

            color:#656565;

            line-height:20px;

            font-size:10px;

            margin-bottom:10px;

        }

        #comments .comment .date{

            float:left;

            clear:none;

            margin-left:5px;

            line-height:12px;

            font-size:11px;

            color:#585858;

        }



/* ----- FOOTER ----- */



#footer{

    margin:0 auto;

    margin-bottom:10px;

    height:10px;

    padding:18px 20px;

    clear:both;

    

     font-size:10px;

    color:#484848;

    background:#87B220;

}

#footerText{

	

	width:1024px;

	margin: 0 auto;

}



#footerText p{

	float:right;

	font-size:14px;

	line-height:15px;

}

#footerText a {

color:#043F4A;	

}



.clear{

    clear:both;

}





/* TABLE CSS THEME */



.custom_table_1{

	font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;

	width:480px;text-align:left;border-collapse:collapse;border:2px solid #eaece1;margin:20px;

}

.custom_table_1 th{

	font-weight:normal;font-size:14px;color:#039;padding:15px 10px 10px;background:#bfe094;

}

.custom_table_1 tbody{

	background: #ecf8dd; /* #e8edff;*/

}

.custom_table_1 td{

	color:#669;border-top:1px dashed #fff;padding:10px;

}

.custom_table_1 tbody tr:hover td{

	color:#339;background: #bfe094; /* #d0dafd; */

}





.custom_table_2{

	font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;

	font-size:12px;width:480px;text-align:left;border-collapse:collapse;

	margin:20px;

}

.custom_table_2 th{

	font-size:13px;font-weight:normal;background:#b9c9fe;border-top:4px solid #aabcfe;

	border-bottom:1px solid #fff;color:#039;padding:8px;

}

.custom_table_2 td{

	background:#e8edff;border-bottom:1px solid #fff;color:#669;border-top:1px solid transparent;

	padding:8px;

}

.custom_table_2 tr:hover td{

	background:#d0dafd;color:#339;

}







.custom_table_4

{

border:1px solid #c3c3c3;

border-collapse:collapse;

width:98%;

}



.custom_table_4 th

{

background: #e3e3e3;

  border: 1px solid #bbb;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  -o-border-radius: 3px;

  border-radius: 3px;

  -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;

  -moz-box-shadow: inset 0 0 1px 1px #f6f6f6;

  -ms-box-shadow: inset 0 0 1px 1px #f6f6f6;

  -o-box-shadow: inset 0 0 1px 1px #f6f6f6;

  box-shadow: inset 0 0 1px 1px #f6f6f6;

  color: #333;

  font: bold 12px "helvetica neue", helvetica, arial, sans-serif;

  line-height: 1;

  padding: 8px 0 9px;

  text-align: center;

  text-shadow: 0 1px 0 #fff;

}



.custom_table_4 td 

{

border:1px solid #c3c3c3;

padding:5px;

vertical-align:top;

}



.custom_table_4 td a {

  diaplay:block;	

  background-color: #d7e5f5;

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d7e5f5), color-stop(100%, #cbe0f5));

  background-image: -webkit-linear-gradient(top, #d7e5f5, #cbe0f5);

  background-image: -moz-linear-gradient(top, #d7e5f5, #cbe0f5);

  background-image: -ms-linear-gradient(top, #d7e5f5, #cbe0f5);

  background-image: -o-linear-gradient(top, #d7e5f5, #cbe0f5);

  background-image: linear-gradient(top, #d7e5f5, #cbe0f5);

  border-top: 1px solid #abbbcc;

  border-left: 1px solid #a7b6c7;

  border-bottom: 1px solid #a1afbf;

  border-right: 1px solid #a7b6c7;

  -webkit-border-radius: 12px;

  -moz-border-radius: 12px;

  -ms-border-radius: 12px;

  -o-border-radius: 12px;

  border-radius: 12px;

  -webkit-box-shadow: inset 0 1px 0 0 white;

  -moz-box-shadow: inset 0 1px 0 0 white;

  -ms-box-shadow: inset 0 1px 0 0 white;

  -o-box-shadow: inset 0 1px 0 0 white;

  box-shadow: inset 0 1px 0 0 white;

  color: #1a3e66;

  font: bold 10px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;

  line-height: 1;

  padding: 2px 5px 2px 5px;

  text-align: center;

  text-shadow: 0 1px 1px #fff;

  width: 150px; }

.custom_table_4 td a:hover {

    background-color: #ccd9e8;

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ccd9e8), color-stop(100%, #c1d4e8));

    background-image: -webkit-linear-gradient(top, #ccd9e8, #c1d4e8);

    background-image: -moz-linear-gradient(top, #ccd9e8, #c1d4e8);

    background-image: -ms-linear-gradient(top, #ccd9e8, #c1d4e8);

    background-image: -o-linear-gradient(top, #ccd9e8, #c1d4e8);

    background-image: linear-gradient(top, #ccd9e8, #c1d4e8);

    border-top: 1px solid #a1afbf;

    border-left: 1px solid #9caaba;

    border-bottom: 1px solid #96a3b3;

    border-right: 1px solid #9caaba;

    -webkit-box-shadow: inset 0 1px 0 0 #f2f2f2;

    -moz-box-shadow: inset 0 1px 0 0 #f2f2f2;

    -ms-box-shadow: inset 0 1px 0 0 #f2f2f2;

    -o-box-shadow: inset 0 1px 0 0 #f2f2f2;

    box-shadow: inset 0 1px 0 0 #f2f2f2;

    color: #163659;

    cursor: pointer; }

.custom_table_4 td a:active {

    border: 1px solid #8c98a7;

    -webkit-box-shadow: inset 0 0 4px 2px #abbccf, 0 0 1px 0 #eeeeee;

    -moz-box-shadow: inset 0 0 4px 2px #abbccf, 0 0 1px 0 #eeeeee;

    -ms-box-shadow: inset 0 0 4px 2px #abbccf, 0 0 1px 0 #eeeeee;

    -o-box-shadow: inset 0 0 4px 2px #abbccf, 0 0 1px 0 #eeeeee;

    box-shadow: inset 0 0 4px 2px #abbccf, 0 0 1px 0 #eeeeee; }





form{

	padding:5px;

	margin:5px;

	border:1px solid #bfbdbd;

	background-color:#ebf7ec;	

}







#tree{

	margin-left:10px;

	}



#tree li{

	font-family:arail;

	font-size:12px;

	font-weight:bold;

	

	}

	

#tree li .selected{

	 text-decoration: underline;

	 background-color: transparent;

	}	

	

#tree li a{

	color:#022a42 !important;

	}	

	

#tree li ul{

	background-color: #dbd8d8;

	font-size:11px;

	border-left:2px solid #8e8f8f;

	}

#tree li ul li a{	

	font-weight:normal;

	color:#084264 !important;

}



#tree li ul li ul li a{

	color:#3a1a04 !important;

	font-weight:bold;

	font-size:10px;

	}	

	

#tree li ul li ul li ul li a{

	font-size:12px;

	color:#646801 !important;

	font-weight:normal;

	}

	

#tree li ul li ul li ul li ul{

	background-color: #fbfbfb;

	border-left:2px solid #616a70;

	}	

	

#tree li ul li ul li ul li ul li a{

	font-weight:bold;

	font-size:11px;

	color:#000 !important;

	

	}