@font-face{font-family:Verdana;src:url('../fonts/Verdana.ttf');font-weight:normal;}
@font-face{font-family:VerdanaBold;src:url('../fonts/VerdanaBold.ttf');font-weight:bold;}

html{height:100%;width:100%;}
b{font-weight:bold;}
i{font-style:italic;font-style:oblique;}
a:link, a:active, a:visited{color:#447096;text-decoration:none;}
a:hover{text-decoration:underline;}

body
{
	font-family:"Verdana", Verdana, sans-serif;
	background-color:#f5f5f5;
	background-image:url(../images/header-bg.jpg);
	background-position:0px 0px;
	background-repeat:repeat-x;
	/*height:100%;
	width:100%;*/
}

.feedback
{
    color:#C61717;
}

#fullscreen
{
	background:none;
	height: 100%;
}

#fullscreen div
{
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	border:0;	
}

#fullscreen embed
{
	width:100%;
	height:100%;
	padding:0;
	border:0;	
}


#pageWrapper
{
	width:960px;
	height:100%;
	margin:0 auto;	
}

span.requestConsult
{
	font-family:"VerdanaBold", Verdana, sans-serif;
	color:#fff;	
	text-transform:uppercase;
	font-weight:normal;
	font-size:80%;	
	padding-right:13px;
	line-height:28px;
	height:28px;
	width:185px;
	display:block;
	text-align:right;
	margin:8px 12px 8px 22px;
	background: url(../images/content/requestconsult-button.jpg) no-repeat top left;
	cursor:pointer;
}

span.requestConsult:active
{
	background: url(../images/content/requestconsult-button.jpg) no-repeat bottom left;
	box-shadow:inset 1px 1px 1px rgba(0,0,0,0.3);
}

span.requestConsult > span
{
	background:url(../images/arrow-icon.png) center no-repeat;
	width:20px;
	height:20px;
	float:left;
	margin:4px 0 0 8px;
	display:inline-block;
}


#dashboard .dashboard, #services .hasSubmenu.services, #analyticalTools .hasSubmenu.atools
{
/*
	border-radius:5px;
	background-color:#616570;	*/
}


/**/


#showcase
{
	position:fixed;
	top:25%;
	left:0;
	background:#fff;
	border-radius:0 10px 10px 0;
	padding:8px;
	font-size:80%;
	border:1px solid #333;
}

#showcase h1
{
	font-weight:bold;
	font-size:100%;
	margin:4px 0;
}

#showcase a
{
	display:block;
	margin:4px 2px;
}



#mainMenu > ul > li > a.disabled:link, #mainMenu > ul > li > a.disabled:visited, #mainMenu > ul > li > a.disabled:active
{
	color:#aaa;
	background-color:#747D84;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-background-clip: padding; 
	-webkit-background-clip: padding-box; 
	background-clip: padding-box;
}

#mainMenu > ul > li > a.disabled:hover
{
	color:#aaa;
	background-color:#747D84;	
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-background-clip: padding; 
	-webkit-background-clip: padding-box; 
	background-clip: padding-box;
	cursor:default;
	box-shadow:none;
}



#mainMenu > ul > li > ul > li > a.disabled:link, #mainMenu > ul > li > ul > li > a.disabled:visited, #mainMenu > ul > li > ul > li > a.disabled:active
{
	color:#aaa;
	background-color:#747D84;	
}

#mainMenu > ul > li > ul > li > a.disabled:hover
{
	color:#aaa;
	background-color:#747D84;	
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-background-clip: padding; 
	-webkit-background-clip: padding-box; 
	background-clip: padding-box;
	cursor:default;
}

input
{
	outline:none;	
}

.notAvailable
{
	position:relative;	
}

.notAvailable *
{
	opacity:0.6;
	filter:Alpha(opacity=60);	
}

.notAvailable div.no
{
	opacity:0.40;
	filter:Alpha(opacity=60);
	background:#fff;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:50;	

}

#analyticalTools #contentWrapper #postsWrapper ul > li > div.no
{
	opacity:0.20;
	filter:Alpha(opacity=60);
	background:#fff;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:-15px;
	z-index:50;	
}


.sliderWrapper
{
	visibility:hidden; /* CRUCIAL */
	position:absolute; /* CRUCIAL */
	top:0; /* CRUCIAL */
	right:0; /* CRUCIAL */
	padding:0; 
	margin:0;
}

.sliderVertical
{
	position:relative; /* CRUCIAL */
	padding:0;
	margin:0;
}

.ui-slider-handle
{
	margin:0;
	padding:0;
	display:block;
	position:absolute; /* CRUCIAL */
	outline:none;
	border-radius: 4px 4px 4px 4px;
    box-shadow: 1px 1px 3px #000000 inset;
}

/*INFO ZUTI*/
div.info
{
	font-family:"Verdana", Verdana, sans-serif;
	background-color:#fff0bd;
	border:1px solid #d0c399;
	margin-bottom:16px;	
	padding:16px;
	line-height:150%;
	position:relative;
}

.info .corner
{
	background-image:url(../images/atools/info-corners.png);	
}

div.info h4
{
	font-family:"VerdanaBold", Verdana, sans-serif;
	text-transform:uppercase;
	font-size:80%;	
}

div.info img
{
	float:right;
	cursor:pointer;
	margin-top:-8px;	
	margin-right:-8px;
}

div.info.error
{
    background-color:white;
    border-color:#B8B8B8;
}

div.info.confirmation
{
    background-color:white;
    border-color:#B8B8B8;
}

div.info.error #message
{
    color:#D13428;
    font-weight:bold;
}

div.info.error #message b
{
    font-size:150%;
}

div.info.confirmation #message
{
    padding:2px 0 5px 25px;
    background:url(../images/confirmation-icon.png) no-repeat;
}

#postsWrapper h2
{
	position:relative;
	font-family:"VerdanaBold", Verdana, sans-serif;
	background:url(../images/atools/market-prioritization-header-filler.jpg) repeat-x left top;
	line-height:26px;
	height:26px;
	padding-left:16px;
	color:#3f4146;
	font-size:95%;
	border:1px solid #b8b8b8;
	float:left;
	display:block;
	width:898px;
}

#postsWrapper h2 .corner
{
	background-image:url(../images/content/corners-ff-b8-tr.png);	
}

/*UserAdministrator*/
#userAdministrator #sidebarWrapper
{
    display:none;
}

#userAdministrator #postsWrapper
{
    height:100%;
    width:100%;
    border:none;
    padding:0;
    margin:0;
}

#userAdministrator #postsWrapper input
{
    margin:10px 16px 0 16px;
}

#userAdministrator #postsWrapper .grid
{
    margin:16px;
}

#userAdministrator #postsWrapper .UserRatings
{
    margin:0;
    padding:0;
}

#userAdministrator #postsWrapper .UserDetailsContent
{
    font-size:120%;
}

.GridViewAdministratorUsers td,.GridViewAdministratorUsers th
{
    vertical-align:middle;
    font-size:110%;    
}
.GridViewAdministratorUsers .gridViewPager td
{
    padding:0 2px; 
}
.GridViewErrors td,.GridViewErrors th
{
    vertical-align:middle;
    font-size:90%;
    padding: 5px 5px 5px 5px; 
}
.GridViewErrors tbody
{
    border: 1px solid black;
}
.ServerUptimeDiv
{
    font-size:90%;
    padding-top:10px;
    text-align:center;
}
.ServerTimeDiv
{
    font-size:75%;
    text-align:center;
    border-bottom:1px solid #E7E7E7;
    padding-bottom:10px;
}
.DailiesRuntimeDiv
{
    padding-top:10px;
    margin-left: 16px;
    font-size:90%;
}
.WeekliesRuntimeDiv
{
    margin-left: 16px;
    padding-top:3px;
    font-size:90%;
}
.RecentAlertsDiv
{
    padding-top:3px;
    margin-left: 16px;
    font-size:90%;
}
.MeltwaterRuntimeDiv
{
    padding-top:3px;
    margin-left: 16px;
    font-size:90%;
}
#PostsContent_dailyAlertsRuntime
{
    font-weight:bold;
}
#PostsContent_weeklyAlertsRuntime
{
    font-weight:bold;
}
#PostsContent_meltwaterAlertsRuntime
{
    font-weight:bold;
}
#PostsContent_serverUptime
{
    font-weight:bold;
}
#PostsContent_recentAlerts
{
    font-weight:bold;
}
/*END UserAdministrator*/

.clears{float:none;clear:both;}

#mapColorGradient
{  
    width:15px;
    height:185px;
    position:absolute;
    top:290px;
    left:13px;
    background:url(../images/atools/gradient.png) no-repeat top left;
}

#mapColorGradient.fullscreen
{
    top:445px;
}

#mapColorGradient.circles.fullscreen
{
    top:550px;
}

#mapColorGradient.circles
{  
    width:64px;
    height:102px;
    position:absolute;
    top:380px;
    left:13px;
    background:url(../images/atools/circle-legend.png) no-repeat top left;
}

/*.noneColorMapGradient
{
    background: #ffffff; 
}
.oneColorMapGradient
{
    background: #4bb74c; 
}
.twoColorMapGradient
{

    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4bb74c), to(#ff0000)); 
    background: -webkit-linear-gradient(top, #4bb74c, #ff0000); 
    background: -moz-linear-gradient(top, #4bb74c, #ff0000); 
    background: -ms-linear-gradient(top, #4bb74c, #ff0000); 
    background: -o-linear-gradient(top, #4bb74c, #ff0000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4bb74c', endColorstr='#ff0000');
}

.threeColorMapGradient
{
    
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4bb74c), color-stop(0.5, #fafd02), , to(#ff0000)); 
    background: -webkit-linear-gradient(top, #4bb74c, #fafd02 , #ff0000); 
    background: -moz-linear-gradient(top, #4bb74c, #fafd02 , #ff0000); 
    background: -ms-linear-gradient(top, #4bb74c, #fafd02 , #ff0000); 
    background: -o-linear-gradient(top, #4bb74c, #fafd02 , #ff0000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4bb74c',endColorstr='#ff0000');
}
*/

#maxMapValue
{
    position:absolute;
    left:13px;
    top:275px;
}

#maxMapValue.fullscreen
{
    top:425px;
}

#minMapValue
{
    position:absolute;
    left:13px;
    top:480px;
}
#minMapValue.fullscreen
{
    top:630px;
}

#maxMapValue.circles
{
    z-index:2;
    position:absolute;
    left:16px;
    top:405px;
    width:60px;
    text-align:center;
}

#maxMapValue.circles.fullscreen
{
    top:572px;
}

#minMapValue.circles
{
    z-index:2;
    position:absolute;
    left:45px;
    top:463px;
}

#minMapValue.circles.fullscreen
{
    top:630px;
}