/* ++++++++++++++  Custom CSS  ++++++++++++++ */

#main_top
{
    width: 100%;
    height: 100px;
    background-image: linear-gradient(#BDD8F0, #6596C3);
    border-bottom: 2px solid #347A99;
}

.sidebar h3, .box_content h3
{
    background-color: #7CAFDD;
    border: 1px solid #95BCE3;
}

#navigation ul li ul
{
    width: 15em;
}

#sitename
{
    color: #fff;
    text-shadow: 1px 1px 2px #555;
    font-size: 400%;
    font-weight: 900;
}

#navigation > ul > li
{
    box-shadow: 0 -3px 2px #638BB9;
}


#navigation a { font-size: 1em; }
/***********************
@media only screen and (max-width: 979px) 
{
  	#navigation a { font-size: 5em; }
}
**************/

#logo
{
    box-shadow: 0px -3px 2px #93B5DD;
}

div.container
{
	/*  padding-left: 2%; */
  	width: 90%;       
}

td, tr, p, div 
{
  /* font-family:Arial, Verdana, Helvetica, sans-serif;   */
  font-size: 12px;
  /* color:#000000;   */
  /* margin:0px;   */
  /* padding:0px;   */
}

#content p , #content td , #content li , fieldset dt 
{
  /* line-height:160%;   */
  font-size:     14px;
  text-align:    left;
  margin-bottom: 1em;
}

#component h2 
{
    font-size: 		2em;
  	font-weight: 	600;
}

#content h3
{
  font-weight: 600;
}

#navigation ul li.active > a,  
#navigation ul li.focus > a 
{
    /* color: #000; */
  	/*  background-color: #f4faff; */
  	font-weight: 	bold;
}
#navigation ul li > a:hover 
{
  	/*  background-color: #ebf0ff;  */
  	font-weight: 	  bold;
}

#navigation a:hover
{
	text-decoration:  none !important;
}

div.login-greeting
{
  margin-bottom: 0.5em;
}

#logo img
{
	width: 100%;
}

td
{
  vertical-align: top;
}

.caption
{
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 		12px   !important;
  font-weight:      600    !important;
  color:     		black;
  margin:    		0px    !important;
  padding:   		0px    !important;
  text-align:  		center !important; 
  vertical-align: 	top    !important;
  line-height:      120%   !important;
}

.caption-link
{
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 		11px   !important;
  font-weight:      normal !important;
  font-style:       italic;
  color:     		black ;
  margin:    		0px    !important;
  padding:   		0px    !important;
  text-align:  		center !important; 
  vertical-align: 	top    !important;
  line-height:      120%   !important;
}

@font-face {
	font-family: 'IcoMoon';
	src: url('../../../media/jui/fonts/IcoMoon.eot');
	src: url('../../../media/jui/fonts/IcoMoon.eot?#iefix') format('embedded-opentype'), url('../../../media/jui/fonts/IcoMoon.woff') format('woff'), url('../../../media/jui/fonts/IcoMoon.ttf') format('truetype'), url('../../../media/jui/fonts/IcoMoon.svg#IcoMoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
[data-icon]:before {
	font-family: 'IcoMoon';
	content: attr(data-icon);
	speak: none;
}

[class^="icon-"],
[class$="-icon"],
[class*=" icon-"],
[class*="-icon "] 
{
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: .25em;
	line-height: 14px;
}


[class^="icon-"]:before,
[class$="-icon"]:before,
[class*=" icon-"]:before, 
[class*="-icon "]:before 
{
	font-family: 'IcoMoon';
	font-style: normal;
	speak: none;
}

[class^="icon-"].disabled,
[class$="-icon"].disabled,
[class*=" icon-"].disabled,
[class*="-icon "].disabled 
{
	font-weight: normal;
}

.icon-cog:before
{
	content: "\38";
}

.edit-icon:before 
{
	/* content: "\2c"; */
}