.no-close .ui-dialog-titlebar-close { display: none; }
.hidden {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;
}

/********************************/
/***********MASTER PAGE**********/
/********************************/

/* FONT DECLARATION */
/*
@font-face {font-family: 'Roboto'; src: url('../fonts/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%;/*(M.B. removed) overflow: hidden;*/}

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;font-size:13px}

input[type="submit"],input[type="button"]
{outline:none;padding:5px 15px;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); background-image: -o-linear-gradient(top, #AEAEAE, #6E6E6E);
                     background: -webkit-gradient(linear, left top, left bottom, from(#AEAEAE), to(#6E6E6E)); /* for webkit browsers */ 
                     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; }
                     
input[type="submit"]:hover,input[type="button"]:hover
{cursor:pointer;
                            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); background-image: -o-linear-gradient(top, #8C8C8C, #333);
                     background: -webkit-gradient(linear, left top, left bottom, from(#8C8C8C), to(#333)); /* for webkit browsers */ 
                     background: -moz-linear-gradient(top, #8C8C8C, #333); /* for firefox 3.6+ */
                     color:white }

#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:12px}

#headerdetails{float:right; text-align:right; margin-top:9px; margin-right:20px;}
#headerlink{float:left; margin-top:9px; margin-left:20px;}
    
.wrapper{width:950px;margin-left:auto; margin-right:auto;min-height:600px; clear:both;}
.wrapper_header{width:910px;margin-left:auto; margin-right:auto;height:80px;}
.wrapper_body{width:100%; /*(M.B. removed) min-height:500px;*/margin-right:auto; margin-left:auto;}

.connection_wrapper{width:910px;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;}

#detectingPageHeader {padding-left:10px;font-size:small;position:relative;height:75px; background-image:url('../images/2x_cloudportal.png'); background-repeat:no-repeat;background-position:20px 50%;padding-right:2%;position:relative;}

.Username{}

#logobar{width:100%; height:100px;margin-top:10px}
#logo{width:250px;float:left;margin-top:20px; margin-left:20px;}

#conection_lang{width:145px; float:right; margin-left:20px;text-align:right; margin-top:20px;}

#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;}

#container{height:96%;overflow:auto}
#main{overflow:auto;padding-bottom:30px}
form{height:100%}

/********************************/
/************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:13px;}

/*Overall class to create a horizontal pane with same styling*/
.vert_pane
{
    width:250px; 
    min-height:400px;
    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; }

/*Overall class to create a vertical pane with same styling*/
.horiz_pane{width:100%; min-height:200px;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; }

/*Overall class for horizontal title bars*/
.vert_title_bar{width:250px; 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;}

/*Overall class for vertical title bars*/
.horiz_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;}

.horiz_col_cont{/*clear:left; padding:20px*/}

#left_pane{float:left;clear:left;margin-left: 20px;}

#right_col{width:600px;height:100%;float:left;margin-left:30px;}

#horiz_top_pane{float:left;margin-bottom:30px; }

#horiz_bottom_pane{clear:both;float:left;}

.title_position{margin:6px;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}

#error_icon{background-image:url(../images/sprite.png);width:30px;height:41px;background-position:-109px -25px;float:left;margin-top:2px;margin-left:10px}

#FarmsSection{overflow:hidden; overflow-x:auto; padding-bottom:10px;}

#FarmsSection ul{padding-left:20px;}

.app_cont_outer{float:left; margin-left:-20px;/*margin-right:5px;*/padding:10px; width:110px;padding-top: 20px}
.app_cont_outer:hover{cursor:pointer;}

.app_cont{float:left; margin-left:-20px;/*margin-right:5px;*/padding:10px; width:110px;padding-top: 20px}
.app_cont:hover{cursor:pointer;opacity:0.8}

.app_icon{float:left;width:110px;display:table-cell;text-align:center}

.app_icon img{width:32px; height:32px}

.app_text{clear:both;padding-top:10px;display: table-cell;text-align: center;width: 110px;}

.folder_cont{float:left; margin-left:-20px;/*margin-right:5px;*/padding:10px; width:110px;padding-top: 20px;/*clear:left;*/}
.folder_cont:hover{cursor:pointer;opacity:0.8}

.folder_icon{float:left;width:110px;display:table-cell;text-align:center}

.folder_icon img{width:32px; height:32px}

.folder_text{clear:both;padding-top:10px;display: table-cell;text-align: center;width: 110px;}

#footer{clear:both;background-color:#333333;width:100%;font-family:Arial,Verdana,sans-serif;font-size:12px;color:white; /*margin-top: -30px;*/position:fixed;bottom:0px; height:35px;
        /*-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: 8px;}
#footer_status{float: right; margin: 8px; text-align:right;}
#footer_status img{margin-right:15px; }


#footer_status_text{margin-top: 7px;float: right;}

/********************************/
/**************LOGIN*************/
/********************************/

#modal_dialog .welcome_login_container{margin-left:0px; margin-right:0px;}

.login_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: 30px;}

.welcome_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;}


.error_container{width:400px; margin-left:auto; margin-right:auto; min-height:200px;  -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: 30px;}

.info_container{width:400px; margin-left:auto; margin-right:auto; min-height:200px;  -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: 30px;}

.welcome_login_internal h1{padding:40px;text-align:center;}

.login_internal{padding:20px;text-align:justify;}
.login_internal h2{font-size:16px;padding: 0 0 20px 0;text-align:left;}

#company_message{ width:400px; margin-left:auto; margin-right:auto; /*(M.B. removed) min-height:100px; */ overflow:auto; margin-top:20px; text-align:center; }
#global_message{ width:400px; margin-left:auto; margin-right:auto; /*(M.B. removed) min-height:100px; */ overflow:auto; margin-top:20px; text-align:center; }

/*.title_container { min-height:0px; }*/
.error_container { min-height:50px; 
                   background: -webkit-gradient(linear, left top, left bottom, from(#FFD9D9), to(#F0E0E0)); /* for webkit browsers */
background: -moz-linear-gradient(top, #FFD9D9, #F0E0E0); /* for firefox 3.6+ */ 
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);
-moz-box-shadow: 0px 3px 10px #C7C7C7;-webkit-box-shadow: 0px 3px 10px #C7C7C7;box-shadow: 0px 3px 10px 
#C7C7C7; }

.info_container { min-height:50px; 
                   background: -webkit-gradient(linear, left top, left bottom, from(#D9FFD9), to(#E0F0E0)); /* for webkit browsers */
background: -moz-linear-gradient(top, #D9FFD9, #E0F0E0); /* for firefox 3.6+ */ 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D9FFD9', endColorstr='#E0F0E0'); background-image: -ms-linear-gradient(top, #D9FFD9, #E0F0E0); /* for IE & IE10+ */ background-image: -webkit-linear-gradient(top, #D9FFD9, #E0F0E0); background-image: -o-linear-gradient(top, #D9FFD9, #E0F0E0);
-moz-box-shadow: 0px 3px 10px #C7C7C7;-webkit-box-shadow: 0px 3px 10px #C7C7C7;box-shadow: 0px 3px 10px 
#C7C7C7; }



.form_btns { display: table-cell; text-align: center !important; width: 400px;}

.form_row{padding-bottom:15px;clear:both;float:left;width:100%}

.form_text{float:left;width:170px;padding-top:8px}

.form_text{float:left;height:25px;}

/* Generic context menu styles */
/*
.contextMenu {position: absolute; z-index: 99999;border: solid 1px #CCC;background: #EEE;padding: 0px;margin: 0px;display: none;}

.contextMenu LI {list-style: none;padding: 0px;margin: 0px;}

.contextMenu A {color: #333;text-decoration: none;display: block;line-height: 20px; background-position: 6px center;background-repeat: no-repeat;outline: none;padding: 3px 7px;}

.contextMenu LI.hover A {color: #FFF;background-color: #3399FF;}

.contextMenu LI.disabled A {color: #AAA;cursor: default;}

.contextMenu LI.hover.disabled A {background-color: transparent;}

.contextMenu LI.separator {border-top: solid 1px #CCC;}
*/

.centralise {margin:0px auto;}

.jstreeIcon { height: 16px; width: 16px; margin: 0px 5px -2px -20px; }


/********************************/
/*********CLIENT DOWNLOAD********/
/********************************/

.clientDownloadLink { border-top:1px solid #ddd; padding: 10px; margin:auto; display:block; text-decoration: none; }
.clientDownloadLink p { text-align:center; color:#666; font-size: 11px; padding-top:10px; }
/* 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;*/ height:100%; margin-left: -80px;margin-top: -60px; background:transparent;}
        #modal_dialog iframe html{background-color:Red !important}