﻿.no-close .ui-dialog-titlebar-close { display: none; }
.ahidden {display:none;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;font-size:14px
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

td{padding:3px 0px; vertical-align: top;}
.bold { font-weight:bold; }

/********************************/
/***********MASTER PAGE**********/
/********************************/

/* FONT DECLARATION */
/*
@font-face {font-family: 'Roboto'; src: url('Roboto-Regular.eot'); 
            src: local('Roboto'),  local('Roboto'),  url('../fonts/Roboto-Thin.ttf') format('truetype'), url('../fonts/Roboto-Regular#font') format('svg');}
*/

html,body{font-size:14px;font-family:Arial,Verdana,sans-serif;color:#666666;line-height:18px;height:100%;overflow: hidden;}

form{height:100%}

h1{padding: 5px 0px 30px 0px;font-size:18px;}

input[type="text"],input[type="password"]{width:170px; padding:5px;outline:none}

select{width:182px; padding:5px}

input[type="submit"]:disabled,input[type="button"]:disabled,input[type="file"]:disabled
{ 
    background-position: 0% 0%;
    cursor:default !important; outline:none; padding:5px 15px;
    border:1px solid #CCC !important; -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; border-radius:5px; 
    /* for non-css3 browsers */ 
    filter: -o-linear-gradient(top, #AEAEAE, #6E6E6E) !important; /* for IE */
    /* IE10+ */ 
    /* Safari 5.1+, Mobile Safari, Chrome 10+ */
    /* Opera 11.10+ */
    /* for webkit browsers */ /* Safari 4+, Chrome 1-9 */
    background: -moz-linear-gradient(top, #AEAEAE, #6E6E6E); /* for firefox 3.6+ */ 
    color:white; -moz-box-shadow: 0px 0px 1px white; -webkit-box-shadow: 0px 0px 1px white; box-shadow: 0px 0px 1px white;
    background-color: #DEDEDE !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
    margin-top: 20px;
}
                    
input[type="submit"]:enabled,input[type="button"]:enabled,input[type="file"]:enabled
{
    outline:none;padding:5px 15px;color:white;
    border:1px solid #575757; -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background: #C6C7C9; /* for non-css3 browsers */ 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#AEAEAE', endColorstr='#6E6E6E'); background-image: -ms-linear-gradient(top, #AEAEAE, #6E6E6E); /* for IE & IE10+ */ 
    background-image: -webkit-linear-gradient(top, #AEAEAE, #6E6E6E); /* Safari 5.1+, Mobile Safari, Chrome 10+ */
    background-image: -o-linear-gradient(top, #AEAEAE, #6E6E6E); /* Opera 11.10+ */
    background: -webkit-gradient(linear, left top, left bottom, from(#AEAEAE), to(#6E6E6E)); /* for webkit browsers */ /* Safari 4+, Chrome 1-9 */
    background: -moz-linear-gradient(top, #AEAEAE, #6E6E6E); /* for firefox 3.6+ */
    -moz-box-shadow: 0px 0px 1px white;-webkit-box-shadow: 0px 0px 1px white;box-shadow: 0px 0px 1px white;margin-top: 20px;
}
                     
                     
input[type="submit"]:hover:enabled,input[type="button"]:hover:enabled,input[type="file"]:hover:enabled
{
    cursor:pointer;color:white;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8C8C8C', endColorstr='#333'); background-image: -ms-linear-gradient(top, #8C8C8C, #333); /* for IE & IE10+ */ 
    background-image: -webkit-linear-gradient(top, #8C8C8C, #333); /* Safari 5.1+, Mobile Safari, Chrome 10+ */
    background-image: -o-linear-gradient(top, #8C8C8C, #333); /* Opera 11.10+ */
    background: -webkit-gradient(linear, left top, left bottom, from(#8C8C8C), to(#333)); /* for webkit browsers */ /* Safari 4+, Chrome 1-9 */
    background: -moz-linear-gradient(top, #8C8C8C, #333); /* for firefox 3.6+ */
}




#header{background-color:#8D181C; height:35px; width:100%; -moz-box-shadow: 0px 5px 20px #999;-webkit-box-shadow: 0px 5px 20px #999;box-shadow: 0px 5px 20px #999;color:white;font-family:Roboto,Arial,Verdana,sans-serif;font-size:13px}

#headerdetails{width:500px; float:right; text-align:right; margin-top:9px; margin-right:20px;}
#headerlink{float:left; margin-top:9px; margin-left:20px;}

.awrapper{width:950px;margin-left:auto; margin-right:auto;position:relative}
.awrapper_header{width:960px;margin-left:auto; margin-right:auto}
.aconnection_wrapper{width:960px;margin-left:auto; margin-right:auto}

#headerdetails a:link,#headerdetails a:visited,#headerdetails a:active{color:White;font-size:13px;font-family:Roboto,Arial,Verdana,sans-serif;text-decoration:none}
#headerdetails a:hover{font-size:13px; text-decoration:underline;}

#headerlink a:link,#headerlink a:visited,#headerlink a:active{color:White;font-size:13px;font-family:Roboto,Arial,Verdana,sans-serif;text-decoration:none}
#headerlink a:hover{font-size:13px; text-decoration:underline;}

.aUsername{}

#logobar{width:100%; height:100px;margin-top:10px}
#logo{width:250px;float:left;margin-top:20px; margin-left:20px;}

#conection_lang{width:60px; float:right;margin-top:20px; margin-left:20px;text-align:right}

#flag_uk{background-image:url(../images/sprite.png);width:20px;height:20px;background-position:0 0;float:left; padding-right:5px;}
#flag_de{background-image:url(../images/sprite.png);width:20px;height:20px;background-position:-25px 0;float:left;padding-right:5px;}
#flag_rs{background-image:url(../images/sprite.png);width:20px;height:20px;background-position:-51px 0;float:left;padding-right:5px;}
#flag_fr{background-image:url(../images/sprite.png);width:20px;height:20px;background-position:-76px 0;float:left;padding-right:5px;}
#flag_jp{background-image:url(../images/sprite.png);width:19px;height:20px;background-position:-102px 0;float:left;padding-right:5px;}
#flag_it{background-image:url(../images/sprite.png);width:19px;height:20px;background-position:-127px 0;float:left;padding-right:5px;}
#flag_es{background-image:url(../images/sprite.png);width:19px;height:20px;background-position:-152px 0;float:left;padding-right:5px;}
#flag_pt{background-image:url(../images/sprite.png);width:16px;height:20px;background-position:-177px 0;float:left;padding-right:5px;}

.amenu a:link,.amenu a:visited,.amenu a:active{text-decoration:none; color:#333; padding:5px}
.avert_pane a:link,.avert_pane a:visited,.avert_pane a:active{text-decoration:none; color:#333; padding:-1px}
/*.awrapper a:link,.awrapper a:visited,.awrapper a:active{text-decoration:none; color:#333; padding:-1px}*/
.avert_pane a:hover, .amenu a:hover {text-decoration:none;color:#999}

#wrapper_detection{clear:both;margin-left:auto; margin-right:auto; width:950px}

#wrapper_detection .ahoriz_pane{height:200px;width:950px;min-height:200px}

#container{height:96%;overflow:auto;}

/********************************/
/************DASHBOARD***********/
/********************************/
#connection_mode{/*width:350px;*/padding-right:25px;height:50px; float:right;color:#666666; font-family:Roboto,Arial,Verdana,sans-serif;margin-top:-30px;font-size:14px;}



/*Overall class to create a horizontal pane with same styling*/
.avert_pane{width:260px; min-height:300px;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EDEDED'); background-image: -ms-linear-gradient(top, #FFFFFF, #EDEDED); /* for IE & IE10+ */ background-image: -webkit-linear-gradient(top, #FFFFFF, #EDEDED); background-image: -o-linear-gradient(top, #FFFFFF, #EDEDED);
background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EDEDED)); /* for webkit browsers */
background: -moz-linear-gradient(top, #FFFFFF, #EDEDED); /* for firefox 3.6+ */ -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border:1px solid #EDEDED;
font-family:Roboto,Arial,Verdana,sans-serif;font-size:14px;color:#666666;float: left;

}

/*Overall class to create a vertical pane with same styling*/
.ahoriz_pane{width:650px; min-height:330px;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EDEDED'); background-image: -ms-linear-gradient(top, #FFFFFF, #EDEDED); /* for IE & IE10+ */ background-image: -webkit-linear-gradient(top, #FFFFFF, #EDEDED); background-image: -o-linear-gradient(top, #FFFFFF, #EDEDED);
background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EDEDED)); /* for webkit browsers */
background: -moz-linear-gradient(top, #FFFFFF, #EDEDED); /* for firefox 3.6+ */ -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border:1px solid #EDEDED;
font-family:Roboto,Arial,Verdana,sans-serif;font-size:14px;color:#666666;float:right
}

/*Overall class for horizontal title bars*/
.ahoriz_title_bar{width:100%; height:30px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EAEAEA', endColorstr='#E0E0E0'); background-image: -ms-linear-gradient(top, #EAEAEA, #E0E0E0); /* for IE & IE10+ */ background-image: -webkit-linear-gradient(top, #EAEAEA, #E0E0E0); background-image: -o-linear-gradient(top, #EAEAEA, #E0E0E0);
background: -webkit-gradient(linear, left top, left bottom, from(#EAEAEA), to(#E0E0E0)); /* for webkit browsers */
background: -moz-linear-gradient(top, #EAEAEA, #E0E0E0); /* for firefox 3.6+ */ -moz-box-shadow: 0px 3px 10px #C7C7C7;-webkit-box-shadow: 0px 3px 10px #C7C7C7;box-shadow: 0px 3px 10px 
#C7C7C7;-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;border: 1px solid #CCCCCC;
}

.ahoriz_title_bar input[type="submit"] { float:right; margin: 1px 5px; padding: 5px 10px; }


/*Overall class for vertical title bars*/
.avert_title_bar{width:100%; height:30px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EAEAEA', endColorstr='#E0E0E0'); background-image: -ms-linear-gradient(top, #EAEAEA, #E0E0E0); /* for IE & IE10+ */ background-image: -webkit-linear-gradient(top, #EAEAEA, #E0E0E0); background-image: -o-linear-gradient(top, #EAEAEA, #E0E0E0);
background: -webkit-gradient(linear, left top, left bottom, from(#EAEAEA), to(#E0E0E0)); /* for webkit browsers */
background: -moz-linear-gradient(top, #EAEAEA, #E0E0E0); /* for firefox 3.6+ */ -moz-box-shadow: 0px 3px 10px #C7C7C7;-webkit-box-shadow: 0px 3px 10px #C7C7C7;box-shadow: 0px 3px 10px 
#C7C7C7;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;
border-top-right-radius: 5px;border: 1px solid #CCCCCC;

}

.avert_title_text{padding:6px 10px 6px 6px; display:block;}





.ahoriz_col_cont{clear:left; padding:20px}
.avert_col_cont{clear:left; padding:20px;padding-top: 0px;padding-left:30px;}
.avert_col_cont2{clear:left; padding:20px;padding-top: 0px;padding-left:15px;}

.separator_above_addfarm{clear: both;float: left;border-bottom: 1px dotted #999;margin-bottom: 30px;width: 200px;margin-left: 30px;}


#left_pane{float:left; margin-top:30px; clear:left;margin-left: 20px;}

#right_col{width:600px;height:100%;float:left;margin-top: 10px;margin-left:30px;}

#horiz_top_pane{float:right;}

#horiz_bottom_pane{clear:both;float:left;margin-top:30px; }

.atitle_position{margin:10px;float:left;font-family:Roboto,Arial,Verdana,sans-serif;font-size:18px;color:#666666;text-shadow: 0px 0px 2px #FFF;}

#favs_icon{background-image:url(../images/sprite.png);width:29px;height:40px;background-position:-33px -27px;float:left;margin-top:2px;margin-left:10px}

#dashb_icon{background-image:url(../images/sprite.png);width:38px;height:40px;background-position:-69px -25px;float:left;margin-top:2px;margin-left:10px}

#farms_icon{background-image:url(../images/sprite.png);width:30px;height:41px;background-position:0px -26px;float:left;margin-top:2px;margin-left:10px}

.aapp_cont{float:left; margin-left:15px;margin-right:15px;padding-bottom:20px; width:110px}
.aapp_cont:hover{cursor:pointer;opacity:0.8}

.aapp_icon{float:left;width:110px;display:table-cell;text-align:center}

.aapp_icon img{width:68px; height:68px}

.aapp_text{clear:both;padding-top:10px;display: table-cell;text-align: center;width: 110px;}

#footer{clear:both;background-color:#333333;width:100%; height:4%;font-family:Arial,Verdana,sans-serif;font-size:12px;color:white; /*margin-top: 20px;*/float: left;
        /*-moz-box-shadow: 0px -3px 20px #999;
-webkit-box-shadow: 0px -3px 20px #999;
box-shadow: 0px -3px 20px #999;*/}

#footer_text{float: left;margin: 7px;}
#footer_status{float: right;margin: 13px;}


/********************************/
/**************LOGIN*************/
/********************************/

.alogin_container{width:400px; margin-left:auto; margin-right:auto; min-height:200px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EAEAEA', endColorstr='#E0E0E0'); background-image: -ms-linear-gradient(top, #EAEAEA, #E0E0E0); /* for IE & IE10+ */ background-image: -webkit-linear-gradient(top, #EAEAEA, #E0E0E0); background-image: -o-linear-gradient(top, #EAEAEA, #E0E0E0);
background: -webkit-gradient(linear, left top, left bottom, from(#EAEAEA), to(#E0E0E0)); /* for webkit browsers */
background: -moz-linear-gradient(top, #EAEAEA, #E0E0E0); /* for firefox 3.6+ */ -moz-box-shadow: 0px 3px 10px #C7C7C7;-webkit-box-shadow: 0px 3px 10px #C7C7C7;box-shadow: 0px 3px 10px 
#C7C7C7;-webkit-border-radius: 5px;-moz-border-radius:5px;border-radius: 5px;border: 1px solid #CCCCCC;overflow:auto;margin-top: 20px;
}

.awelcome_login_container{width:400px; margin-left:auto; margin-right:auto; min-height:100px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EAEAEA', endColorstr='#E0E0E0'); background-image: -ms-linear-gradient(top, #EAEAEA, #E0E0E0); /* for IE & IE10+ */ background-image: -webkit-linear-gradient(top, #EAEAEA, #E0E0E0); background-image: -o-linear-gradient(top, #EAEAEA, #E0E0E0);
background: -webkit-gradient(linear, left top, left bottom, from(#EAEAEA), to(#E0E0E0)); /* for webkit browsers */
background: -moz-linear-gradient(top, #EAEAEA, #E0E0E0); /* for firefox 3.6+ */ -moz-box-shadow: 0px 3px 10px #C7C7C7;-webkit-box-shadow: 0px 3px 10px #C7C7C7;box-shadow: 0px 3px 10px 
#C7C7C7;-webkit-border-radius: 5px;-moz-border-radius:5px;border-radius: 5px;border: 1px solid #CCCCCC;margin-top: 20px;
}

.awelcome_login_internal h1{padding:40px; text-align:center;}



.atitle_container { min-height:0px; }
.aerror_container 
{
    width:400px; 
    margin-left:auto; 
    margin-right:auto;
    -webkit-border-radius: 5px;
    -moz-border-radius:5px;
    border-radius: 5px;
    border: 1px solid #CCCCCC;
    overflow:auto;
    margin-top: 30px;
min-height:50px;
background: -webkit-gradient(linear, left top, left bottom, from(#FFD9D9), to(#F0E0E0)); /* for webkit browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD9D9', endColorstr='#F0E0E0'); 
    background-image: -ms-linear-gradient(top, #FFD9D9, #F0E0E0); /* for IE & IE10+ */ 
    background-image: -webkit-linear-gradient(top, #FFD9D9, #F0E0E0); 
    background-image: -o-linear-gradient(top, #FFD9D9, #F0E0E0);
    background: -moz-linear-gradient(top, #FFD9D9, #F0E0E0); /* for firefox 3.6+ */ 
    -moz-box-shadow: 0px 3px 10px #C7C7C7;
    -webkit-box-shadow: 0px 3px 10px #C7C7C7;
    box-shadow: 0px 3px 10px #C7C7C7;
}

.alogin_internal{padding:20px; text-align:justify; }

.alogin_internal h2{font-size:16px;padding: 0 0 20px 0; text-align:left; }

.aform_row{padding-bottom:15px;clear:both;float:left;width:100%}

.aform_btns { display: table-cell; text-align: center !important; width: 400px;}

.aform_text{float:left;width:170px;padding-top:8px}

.aform_text{float:left;height:25px;}

.amenu{min-width:300px;position:absolute;right:0;bottom:2px;margin-right:10px;}

.amenu a:link,.amenu a:visited{font-weight:bold}

.amenu a:active{font-weight:bold}

.amenu a:hover{}

.amessages{width:250px;margin-bottom:10px;margin-left:10px;margin-right:10px;}/*position:absolute;*/

#ctl00_cph_Content_TreeView1{margin-left:-20px;}/* Tree View */

.selectedPage{background-color:#DDD;-webkit-border-radius: 5px;-moz-border-radius:5px;border-radius: 5px;}


/*************************/

.clientDetSettings_DIV
{
    /*width: 200px;*/
    padding:5px;
    float:left;
}

.clientDetSettings_TitleDIV
{
    color:#bb0c0c;
    font-size:14px;
    width:80%;
    padding:5px;
    border-bottom:solid 1px #666;
    clear:both;
}

.clientDetSettings_ClientDIV
{
    margin-left:30px;
    margin-top:10px;
    border-bottom:1px solid #ccc;
    width: 70%;
}

.clientDetSettings_ClientDIV p
{
    padding:10px 0 10px 30px;
}
#modal_dialog {margin-left:0px; margin-right:0px;}

/* Modal Popup Style */
        #modal_mask {position:absolute;left:0;top:0;z-index:9000;background-color:#000;display:none;}
        #modal_control .modal_window {position:fixed;left:0;top:0;width:440px;height:400px;display:none;z-index:9999;padding:20px;}
        #modal_control #modal_dialog {width:375px; height:500px; padding:10px; background:transparent;}
        #modal_dialog iframe { width:500px; height:600px; margin-left: -80px;margin-top: -60px; background:transparent;}
        #modal_dialog iframe html{background-color:Red !important}