﻿
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Page Layout */
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

.Areacontent_left   { width:305px; float:left; margin:0px 0px 80px 0px;}
.Areacontent_right  { float:right; width:600px; margin:0px 0px 80px 0px; }

/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Loader
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

.loading{
	background:url('../images/ajax-loader.gif') no-repeat 50% 50%;
	min-height:30px;
	min-width:30px;
}
.overlay
{
    background-color:#fff;
	position:absolute;
	display:none;
	z-index:2000;
	opacity:0.7;
	filter:Alpha(Opacity=70); 
}
.page-loader{
	position:absolute;
	display:none;
	margin:-15px 0 0 -15px; /*Negative half the width and height of the loader so it can be correctly centered*/
	height:30px;
	width:30px;
	z-index:2001;
}


/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* JQUERY BYPASS
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

.ui-widget {
	font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
	font-size: .80em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}


.ui-dialog-titlebar {display:none}

.ui-widget-content {
	border: 1px solid #aaaaaa/*{borderColorContent}*/;
	background: #007099/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/;
	color: #222222/*{fcContent}*/;
	
}

.ui-widget-header {
	border: 1px solid #fff/*{borderColorHeader}*/;
	background: #fff/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/;
	color: #222222/*{fcHeader}*/;
	font-weight: normal;
	font-size:16px;
}

.ui-front {
    z-index:1000000 !important; /* The default is 100. !important overrides the default. */
}


/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 0px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 0px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 0px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 0px/*{cornerRadius}*/;
}


/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Panel Top Menu
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

.lid_TopMenu { font-family: 'Open Sans', arial; font-weight:300; letter-spacing:-0.07em;   }

.lid_TopMenu li            
{
    float: left; list-style-type: none; display: block; padding: 0px; 
    cursor:pointer; 
    margin:3px; 
    font-size:16px;
    color:#fff;
}

.lid_TopMenu li.feed { background-color:#1a46b3; }
.lid_TopMenu li.empresa { background-color:#adc603; }
.lid_TopMenu li.assistencia { background-color:#8b46a9; }
.lid_TopMenu li.user { background-color:#de8d24; }

.lid_TopMenu li > div {color: rgba(255, 255, 255, 0.6);padding: 4px;border: 1px solid rgba(255, 255, 255, 0.2);background: rgba(255, 255, 255, 0.2); }
.lid_TopMenu li > div:hover { background: rgba(0, 0, 0, 0.2); }

.lid_TopMenu li.selected > div   { background: rgba(255, 255, 255, 0.0);color: rgba(255, 255, 255, 0.9);}


.lid_TopMenu li.home  { border:none; color:#fff;font-size:38px;padding: 6px;  }   

.lid_TopMenu li.separator  { border:none; }   
.lid_TopMenu li.icon       { color: #fff;}
.lid_TopMenu li.icon:hover { color: #fff; background: rgba(255, 255, 255, 0.8);}
.lid_TopMenu li.title      { border:none; font-size:26px; color:#fff;padding: 6px;} 
.lid_TopMenu li.link       { }    
.lid_TopMenu li.link:hover { color: #fff; background: rgba(255, 255, 255, 0.8);}



/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* AreaHeader
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

.lid_AreaHeader li            
{
    font-family: 'Open Sans', arial; font-weight:300; letter-spacing:-0.02em; 
    float: left; list-style-type: none; display: block;  
    color:rgba(255, 255, 255, 0.2);
    cursor:pointer; 
    margin:0px; 
    border: 1px solid rgba(255, 255, 255, 0.0);
    font-size:18px;
    
}    
.lid_AreaHeader li.icon             { font-size:24px;background: rgba(255, 255, 255, 0.0);padding:10px; }
.lid_AreaHeader li.title            { border:none; color:#fff;padding-top:12px;} 
.lid_AreaHeader li.title2lines      { border:none; color:#fff;padding-top:0px; padding-bottom:0px;} 
.lid_AreaHeader li.title2lines span { font-size:10px;}

.lid_AreaHeaderText div 
{
    display:inline-block;
    width: 60px;
    font-size:10px; 
    text-align:right;
    padding-right:5px;
    color:rgba(255,255,255,0.7);
    text-transform:uppercase; 
}

.lid_AreaHeaderText span.finder { 
    border: 1px solid rgba(255, 255, 255, 0.3); 
    padding:2px;
    background: rgba(255, 255, 255, 0.6); 
     cursor:pointer; 
} 


/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Finder List
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

.jquerymodal {
    cursor: pointer;
} 

.lid_finder_holder {

}

.lid_finder li            
{
    float: left; list-style-type: none; display: block; padding: 3px; 
    color:rgba(255, 255, 255, 0.0);cursor:pointer; margin:0px; 
    color:#fff;    
}

.lid_finder li.icon {  background: rgba(255, 255, 255, 0.2);border: 1px solid rgba(255, 255, 255, 0.2); }
.lid_finder li.link { width:100px; border: 1px solid rgba(255, 255, 255, 0.2); }
.lid_finder li.texto {   }

.lid_finder li.link:hover {  background: rgba(255, 255, 255, 0.2); }


/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* ContentBox Header
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

.lid_BoxHeader { font-family: 'Open Sans', arial; font-weight:300; letter-spacing:-0.02em;  }

.lid_BoxHeader li            
{
    float: left; list-style-type: none; display: block; padding: 2px; 
    color:rgba(255, 255, 255, 0.2);
    cursor:pointer; 
    margin:3px; 
    border: 1px solid rgba(255, 255, 255, 0.0);
    font-size:18px;
}    
.lid_BoxHeader li.icon       { font-size:24px;background: rgba(255, 255, 255, 0.0);}
.lid_BoxHeader li.title      { border:none; font-size:18px; color:#fff;} 



.displayName 
{
    display:inline-block;
    width: 60px;
    font-size:10px; 
    text-align:right;
    padding-right:5px;
    color:rgba(255,255,255,0.7);
    text-transform:uppercase; 
}



/* Caixas Menu */

.box             { width:100%; background:rgba(0,0,0,0.2);}
.boxHeader       { width:100%;background:#13637e; font-family: 'Open Sans', arial; font-weight:300;font-size:22px;letter-spacing:-0.06em; overflow:auto; }
.boxHeaderText   { float:left; padding:13px 0 0 20px }	
.boxHeaderIcon   { float:right; width:50px; text-align:center; display:block; background:#13637e; border-left:1px solid #449cba;height:45px; padding:8px 0 0 0;}

.boxMenu         {  }
.boxMenu li      { border-top:1px solid rgba(255, 255, 255, 0.2); text-align:left; }

.boxMenu a       { display:block; padding: 4px 2px; color:#fff; }		
.boxMenu a:hover { background: rgba(255, 255, 255, 0.2); }

.boxArea         { margin:5px;padding:5px;  min-height:80px;   } 


#OperationResult { background-color:#69F583; } 
#OperationError  { background-color:#FA6F5A; }       

.ButtonsBar li           { background:rgba(0,0,0,0.2); float: left; list-style-type: none; display: block; padding: 4px; color: #fff;cursor:pointer; margin:3px;  }
.ButtonsBar li:hover     { color: #fff; background: rgba(255, 255, 255, 0.2);}
.ButtonsBar li input[type="submit"] { border:none;background:none; color:#fff; padding:0px; margin:0px; } 
.ButtonsBar li.link { background:none;}
 
 /* Caixas Empresa */
 
 .lid_box       {  background-color:rgba(255, 255, 255, 0.0); clear:both; margin-bottom:25px;}

 
 /* Form Controls */
  
 input,textarea 
    {
    font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;  
	padding:4px; 
	border: solid 2px #1a5b71;
    }
    
    .editor-label 
    {
     padding-top:10px;
     padding-bottom:3px;
    }






