﻿#mainContent
{
	min-height: 500px;
}
/* TOOLTIP´*/
.toolTip
{
	cursor: help;
}
.cluetip-custom
{
	border: solid 2px #BBBBBB;
	background-color:White;
	font-family: Verdana;
	font-size: 0.8em;
	padding: 0px 5px 5px 5px;
	margin-left: 8px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
/*FEED BACK BOX*/
.slide-out-div
{		
	margin-left:355px;
	visibility: hidden;
	padding: 20px;
	width: 300px;
	height: 300px;
	background: white;
	border: 2px solid #30303A; /*#007dd0;  */
	z-index: 1000;
}
/* OVERALL MENU STYLING */
/* main menu*/
.topnavigation a:link, .topnavigation a:visited
{
	display: block;
	width: 120px;
	height: 34px;
	text-align: left;
	text-decoration: none;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	overflow: hidden;
	float: left;
	color: White;
	padding-left: 30px;
}
.topnavigation a:hover
{
	color: #007DC9;
	text-decoration: none;
}
.topnavigation a:active
{
}
/* menuitems*/
.submenu 
{
		background: none;
	display: inline !important;
	vertical-align: bottom;
	text-align: center;
	list-style-type: none;
	margin: 0;
	padding: 0px 0px 0px 10px;
}

a.home:link, a.home:visited
{
	background: url(../images/menu/menu_sprite24_home_hover.png) no-repeat;
	background: url(../images/menu/menu_sprite24_home.png) no-repeat;
}
a.home:hover
{
	background: url(../images/menu/menu_sprite24_home_hover.png) no-repeat;
}
a.mypage:link, a.mypage:visited
{
	background: url(../images/menu/menu_sprite24_mypage_hover.png) no-repeat;
	background: url(../images/menu/menu_sprite24_mypage.png) no-repeat;
}
a.mypage:hover
{
	background: url(../images/menu/menu_sprite24_mypage_hover.png) no-repeat;
}
a.startapp:link, a.startapp:visited
{
	background: url(../images/menu/menu_sprite24_app_hover.png) no-repeat;
	background: url(../images/menu/menu_sprite24_app.png) no-repeat;
}
a.startapp:hover
{
	background: url(../images/menu/menu_sprite24_app_hover.png) no-repeat;
}
a.tools:link, a.tools:visited
{
	background: url(../images/menu/menu_sprite24_tools_hover.png) no-repeat;
	background: url(../images/menu/menu_sprite24_tools.png) no-repeat;
}
a.tools:hover
{
	background: url(../images/menu/menu_sprite24_tools_hover.png) no-repeat;
}
a.contact:link, a.contact:visited
{
	background: url(../images/menu/menu_sprite24_contact_hover.png) no-repeat;
	background: url(../images/menu/menu_sprite24_contact.png) no-repeat;
}
a.contact:hover
{
	background: url(../images/menu/menu_sprite24_contact_hover.png) no-repeat;
}

/* whitemenu stuff */
.white_menu
{
	vertical-align: middle;
}
.white_menu a:link
{
	color: white; /*color: #007DC9;*/
	text-decoration: none;
}
.white_menu a:active
{
	/*color: #0000ff; 	color: #007DC9;*/ /*color: #c1c0c0;*/
	color: black;
	text-decoration: none;
}
.white_menu a:visited
{
	color: White;
	text-decoration: none;
}
.white_menu a:hover
{
	/*color: White;*/
	color: #007DC9;
	text-decoration: none;
}
a:link
{
	color: #007DC9;
	text-decoration: none; /*color: white; 	color: #007DC9; 	text-decoration: none;*/
}
a:active
{
	/*color: #0000ff; 	color: #007DC9;*/
	color: #c1c0c0;
	text-decoration: none;
}
a:visited
{
	color: #007DC9;
	text-decoration: none;
}
a:hover
{
	/*color: White;*/
	color: #007DC9;
	text-decoration: underline; /*color: White; 	color: #007DC9; 	text-decoration: none;*/
}
/* TOPMENU*/
#loginBox
{
	float:right;	
	text-align: left;	
	top: 0px;
	height: 40px;
	vertical-align: middle; /*background-color: #31313B;*/
}
#welcomeMsg
{
	line-height: 18px;
	width:204px;
	text-align:left;
}
.txtLoginBoxes
{
	width: 100px;
}
.txtLoginBoxes_hidden
{
	width: 100px;
	display: none;
}
.chkLogin
{
	margin-left: 0px;
}
#loginContent
{
	padding-top: 8px;
	height: 53px;
	background: url(../images/logift_topbox_spacer.png) repeat-x;
	float: right;
}
#logintl
{
	background: url(../images/logift_topbox_tl.png) no-repeat;
	width: 7px;
	height: 53px;
	float: right; /*background: transparent url(../images/boxes/br.png) no-repeat bottom right;*/
}
#logintr
{
	background: url(../images/logift_topbox_tr.png) no-repeat;
	width: 9px;
	height: 53px;
	float: right;
}
.login_iconAlign 
{ border:0;
  vertical-align:sub;
}
/* BOXES */
/* ROUNDED BOXES CSS 3.0 STYLE */
.rounded_STYLE
{
	margin: 0px 0px 10px 0px;
	padding: 1px 1px 1px 5px;
	background-color: Transparent; /* if needed */
	border: 3px solid #E7E5E6; /* if needed */
	-webkit-border-radius: 4px; /* for Safari */
	-moz-border-radius: 4px; /* for Firefox */
}
.rounded_STYLE_green
{
	margin: 0px 0px 10px 0px;
	padding: 1px 1px 1px 5px;
	background-color: #63A924; /* if needed */
	color: White; /*border: 3px solid #E7E5E6; /* if needed */
	-webkit-border-radius: 4px; /* for Safari */
	-moz-border-radius: 4px; /* for Firefox */
}
.rounded_STYLE_purple
{
	margin: 0px 0px 10px 0px;
	padding: 1px 1px 1px 5px;
	background-color: #B132B9; /* if needed */
	color: White; /*border: 3px solid #E7E5E6; /* if needed */
	-webkit-border-radius: 4px; /* for Safari */
	-moz-border-radius: 4px; /* for Firefox */
}
/* BOXES TEMPLATE */
.round_top div
{
	background: url(../images/boxes/tl.png) no-repeat top left;
}
.round_top
{
	background: transparent url(../images/boxes/tr.png) no-repeat top right;
}
.round_bottom div
{
	background: url(../images/boxes/bl.png) no-repeat bottom left;
}
.round_bottom
{
	background: transparent url(../images/boxes/br.png) no-repeat bottom right;
}
.round_top div, .round_top, .round_bottom div, .round_bottom
{
	width: 100%;
	height: 10px;
	font-size: 1px;
}
.round_content
{
	margin: 0 10px;
}

/* BOXES COLORS */
.round_orange_box
{
	background: #ffa943 url(../images/boxes/gradient_orange.jpg) repeat-x top left;
	margin: 0 0 10px 0;
}
.round_green_box
{
	background: #99db92 url(../images/boxes/gradient_green.jpg) repeat-x top left;
	margin: 0 0 10px 0;
}
.round_green_light_box
{
	background: #e0feca url(../images/boxes/gradient_green_light.jpg) repeat-x top left;
	margin: 0 0 10px 0;
}
.round_purple_box
{
	background: #c660e4 url(../images/boxes/gradient_purple.jpg) repeat-x top left;
	margin: 0 0 10px 0;
}
.round_blue_box
{
	background: #58a2ed url(../images/boxes/gradient_blue.jpg) repeat-x top left;
	margin: 0 0 10px 0;
}
.round_blue_light_box
{
	background: #73c2ed url(../images/boxes/gradient_blue_light.jpg) repeat-x top left;
	margin: 0 0 10px 0;
}
.round_red_box
{
	background: #ff7777 url(../images/boxes/gradient_red.jpg) repeat-x top left;
	margin: 0 0 10px 0;
}
/* Boxes with border */
.roundborder_box
{
	background: url(../images/boxes_border/roundborder_tl.png) no-repeat top left;
}
.roundborder_top
{
	background: url(../images/boxes_border/roundborder_tr.png) no-repeat top right;
}
.roundborder_bottom
{
	background: url(../images/boxes_border/roundborder_bl.png) no-repeat bottom left;
}
.roundborder_bottom div
{
	background: url(../images/boxes_border/roundborder_br.png) no-repeat bottom right;
}
.roundborder_content
{
	background: url(../images/boxes_border/roundborder_r.png) top right repeat-y;
	border-left:solid 3px #bbbbbb;
	margin-left:0px;
}

.roundborder_top div, .roundborder_top, .roundborder_bottom div, .roundborder_bottom
{
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.roundborder_content, .roundborder_bottom
{
	margin-top: -18px;
	margin-bottom: 10px;
}
.roundborder_content
{
	padding: 0 15px;
}

/*Bottom menu */
#pageBottom_div
{
	padding-top: 5px;
	font-size: 0.8em;
}
#pageBottom_div ul li
{
	background: none;
	display: inline !important;
	vertical-align: bottom;
	text-align: center;
	list-style-type: none;
	margin: 0;
	padding: 0px 0px 0px 10px;
}
#pageBottom_div ul
{
	margin: 0px;
	padding: 0px;
}

