﻿html 
{ 
	margin:0; 
	padding:0; 
	height:100%; 
}

body
{
	text-align:left;
	background-image:url("/images/homepage/background.jpg");
	background-repeat:repeat-y;
	margin:0; 
	padding:0;
	height:100%;
	clear: both; 
}

.Content 
{
	height: 95%;
	width:1140px;	
	position:absolute;
	top:0px;
	left:0px;
}

.divContent
{
  background-color :#f4f4f4;
  display: block;
  width:576px;  
  position:absolute;
  margin-left:403px;
  margin-top:202px;  
  font-family: "Trebuchet MS" , Tahoma, Arial, Helvetica, Sans-Serif;
  font-size: 11px;  
  z-index: 1;
}

.divContent p
{
	text-align: justify;
	}
	
.divContent img
{
	border-width: 0px;
	}

.divContent a
{
	color: #115899;
	text-decoration: none;
}

.divContent a:hover
{
	text-decoration: underline;
}
/* Images */
div.Logo2009
{
	top:4px;
	left:30px;
	position:absolute;
	height:5%;
}

div.LogoMS
{
	top:64px;
	left:30px;
	position:absolute;
	height:5%;
}

img.LogoUMT
{
	top:97px;
	left:404px;
	position:absolute;
}

img.LogoGears
{
	top: 500px;
	left: 380px;
	position:absolute;
}

div.LogoMicrosoft
{
	margin-top: 8px;
	margin-right: 5px;
	text-align:right;
}

.LogoMicrosoft
{
	margin-top: 4px;
	margin-left: 5px;
}

span.Title
{ 
	font-family: Trebuchet MS;
	font-weight: bold;
	font-size: 15px;
	display:block;
	position:relative;
	top:17px;
	left:35px;
	text-transform: uppercase;
	white-space: normal;
	width:200px;
	line-height:16px;
}

span.Title2
{ 
	font-family: Trebuchet MS;
	font-weight: bold;
	font-size: 15px;
	display:block;
	position:relative;
	top:17px;
	left:15px;
	white-space: normal;
	width:250px;
	line-height:16px;
}

ul.List
{
	left:15px;
	list-style-position: outside;
	list-style-image: url("/images/homepage/arrow.png");
	position:relative;
	margin:0;
	padding:0;
	padding-left: 20px;
	font-family: Trebuchet MS;
	font-size: 12px;
	color: #015195;
	top:24px;
	width:200px;
}

ul.ListWithDescription
{
	left:15px;
	list-style-position: outside;
	list-style-image: url("/images/homepage/arrow.png");
	position:relative;
	margin:0;
	padding:0;
	padding-left: 20px;
	font-family: Trebuchet MS;
	font-size: 12px;
	color: #015195;
	top:24px;
	width:200px;
}

ul.ListWithDescription li
{
	margin-bottom:5px;
}

ul.ListTab
{
	top:0px;
	left:-20px;
}

span.Description
{
	display:block;
	color: #888888;
}

a.Link
{
	color: #115899;
	text-decoration: none;
	font-weight:bold;
}

div.DraggableBlue
{
	background-image:url("/images/homepage/DraggableBlue.png");
	width:266px;
	height:207px;
	top:-207px;
	left:74px;
	z-index:104;
	position:absolute;
}

div.DraggableBlueExpanded
{
	top:81px;
}

div.DraggableBlue span.Title
{
	color: #FFFFFF;
}

div.DraggableWhite
{
	background-image:url("/images/homepage/DraggableWhite.png");
	width:236px;
	height:242px;
	top:247px;
	left:-236px;
	z-index:105;
	position:absolute;
	float: left;
}

div.DraggableWhiteExpanded
{
	left:21px;
}

div.DraggableWhite span.Title
{
	color: #444444;
}

div.DraggableBrown
{
	background-image:url("/images/homepage/DraggableBrown.png");
	width:242px;
	height:280px;
	top:751px;
	left:160px;
	z-index:106;
	position:absolute;
}

div.DraggableBrownExpanded
{
	top:429px;
}

/* Tabs section */

.ui-tabs
{
	top:55px;
	left:34px;
	position:absolute;
	margin:0;
	padding:0;
	font-family: Trebuchet MS;
	font-size: 12px;
	color: #015195;
}

.ui-tabs2
{
	top:55px;
	left:20px;
	position:absolute;
	margin:0;
	padding:0;
	font-family: Trebuchet MS;
	font-size: 14px;
}

.ui-tabs-nav
{
	margin:0;
	padding:0;
	margin-left:-25px;
}

.ui-tabs-nav li
{
	padding-left:6px;
}

.ui-tabs-nav li.ui-state-active
{
	color: #888888;
	text-decoration: none;
}

.ui-tabs-nav .ui-state-default a
{
	text-decoration:underline;
}

.ui-tabs-nav .ui-tabs-selected a
{
	color: #888888;
	text-decoration: none;
}

.ui-state-default a
{
	color: #165396;
	text-decoration: none;
}

.ui-tabs-nav span
{
	text-transform: uppercase;
}

.ui-tabs-hide
{
	display:none;
}

.ui-state-default
{
	display:inline;
}

.ui-state-active
{
	display:inline;
}

.ui-tabs-nav
{
	list-style-type:none;
	white-space:nowrap;
}

/* TopMenu */

div.TopMenu
{
	width:221px;
	height:118px;
	left:759px;
	top:0px;
	position:absolute;
}

div.TopMenuGrayBar
{
	display:block;
	width:212px;
	height:5px;
	left:9px;
	top:0px;
	background-color:#8d8d8d;
	margin-bottom:3px;
	margin-left:9px;
}

.LinkTopMenu
{
	display:block;
	font-family: Trebuchet MS;
	font-weight: normal;
	font-size: 12px;
	color: #555555;
	margin-left:9px;
	line-height:15px;
	text-decoration:none;
	padding: 1px 1px 1px 1px;
}

.LinkTopMenuHover
{
	background-color: #F4F0D5;
}


.TopMenuDynamic
{
	border-top: solid 1px #efefef;
	border-left: solid 1px #efefef;
	border-right: solid 1px #efefef;
	}

.LinkTopMenuDynamic
{
	display:block;
	padding: 2px 2px 1px 2px;
	font-family: Trebuchet MS;
	font-weight: normal;
	font-size: 12px;
	color: #555555;
	margin-left:0px;
	line-height:15px;
	border-bottom: solid 1px #efefef;
	text-decoration:none;
}

.LinkTopMenuDynamicHover
{	
	background-color: #F4F0D5;
}

div.Search
{
	margin-top:14px;
	top:124px;
	left: 10px;
	height:21px;
	width:151px;
	background:url("/images/homepage/searchBox.png") no-repeat bottom;
	position:absolute;
}
div.ChatButton
{    
	top:110px;
	position:absolute;
	left: 782px;
}
span.ChatText
{
    float: left;
    font-family: 'Trebuchet MS';
    font-size: 12px;
    line-height: 12px;
    text-decoration: none;
    padding-top: 3px;
    padding-right: 5px;
    color: #555555;   
}
input.SearchText
{
	background:none;
	border:none;
	width:121px;
	height:15px;
	margin:0;
	padding: 3px 8px 0px 8px;
	color: #888888;
	font-family:Trebuchet MS;
	font-weight: normal;
	font-size:11px;
}

.SearchImage
{
	top:5px;
	left:132px;
	position:absolute;
}

/* Menu */

.Menu
{
	background-image:url("/images/homepage/backgroundMenu.png");
	background-repeat: repeat-x;
	width:576px;
	height:27px;
	left:404px;
	top:175px;
	position:absolute;
	z-index: 2;
}

/* LinkMenu */
.LinkMenu
{
    font-family: Trebuchet MS;
	font-weight: bold;
	font-size: 13px;
	color: #fffefe;	
	margin-top: 4px;
	margin-bottom: 0px;	
	display:inline-block;
	text-align: center;
	text-decoration:none;
	position: absolute;
	left: -30px;
}

.LinkMenu li
{
    float: left;
    list-style: none;
    border-left: 0px solid #616161; /*padding-right: 5px; 	padding-left: 5px;*/
    margin: 0;
}

.LinkMenu a
{
    color: #fffefe;
    text-decoration: none;
    padding: 0 13px 0 13px;
}

.LinkHorizMenu
{
	font-family: Trebuchet MS;
	font-weight: bold;
	font-size: 13px;
	color: #fffefe;		
	text-align: center;
}

.HorizMenu
{
	font-family: Trebuchet MS;
	font-weight: bold;
	font-size: 13px;
	color: #fffefe;
	padding-top: 3px;
	width: 100%;
}

.LinkMenuHover
{
	background-color: #666666;
}


.MenuDynamic
{
	border-top: solid 1px #efefef;
	border-left: solid 1px #efefef;
	border-right: solid 1px #efefef;
	}

.LinkMenuDynamic
{
	display:block;
	padding: 2px 2px 1px 2px;
	font-family: Trebuchet MS;
	font-weight: normal;
	font-size: 12px;
	color: #555555;
	margin-left:0px;
	line-height:15px;
	border-bottom: solid 1px #efefef;
	text-decoration:none;
}

.LinkMenuDynamicHover
{	
	background-color: #F4F0D5;
}

.IE8Fix
{
    z-index: 100;
}

/* UMT description */
div.Description
{
	position:absolute;
	left:474px;
	top:197px;
	font-family:Georgia;
	font-size: 27px;
	font-weight:normal;
	width:582px;
	color:#848383;
	line-height:30px;
}

div.ImageDescription
{
	position:absolute;
	left:404px;
	top:216px;
	width:576px;
	z-index:2;
}

div.DottedLine
{
	background-image:url("/images/homepage/descriptionDotted.png");
	margin-top:10px;
	width:575px;
	height:1px;
}

.BlueLabel
{
	color: #015195;
}

div.PopUpTooltip
{
	position:absolute;
	width:350px;
	border: 5px solid transparent;
}

div.Top
{	
	background-position:center top;
	background-repeat:no-repeat;
	position:relative;
	height:69px;
}

div.Middle
{	
	background-repeat:repeat-y;
	position:relative;
}

div.Bottom
{	
	background-position:bottom center;
	background-repeat:no-repeat;
	position:relative;
	height:54px;
}

div.UpMostLeftTop
{
	background-image:url("/images/homepage/cloudTailUpMostLeftTop.png");
}

div.UpMostLeftMiddle
{
	background-image:url("/images/homepage/cloudTailUpLeftMiddle.png");
}

div.UpMostLeftBottom
{
	background-image:url("/images/homepage/cloudTailUpLeftBottom.png");	
}


div.UpLeftTop
{
	background-image:url("/images/homepage/cloudTailUpLeftTop.png");
}

div.UpLeftMiddle
{
	background-image:url("/images/homepage/cloudTailUpLeftMiddle.png");
}

div.UpLeftBottom
{
	background-image:url("/images/homepage/cloudTailUpLeftBottom.png");	
}

div.UpRightTop
{
	background-image:url("/images/homepage/cloudTailUpRightTop.png");
}

div.UpRightMiddle
{
	background-image:url("/images/homepage/cloudTailUpRightMiddle.png");
}

div.UpRightBottom
{
	background-image:url("/images/homepage/cloudTailUpRightBottom.png");
}

div.DownLeftTop
{
	background-image:url("/images/homepage/cloudTailDownLeftTop.png");
	height:54px;
}

div.DownLeftMiddle
{
	background-image:url("/images/homepage/cloudTailDownLeftMiddle.png");
}

div.DownLeftBottom
{
	background-image:url("/images/homepage/cloudTailDownLeftBottom.png");
	height:69px;
}

div.DownMostLeftTop
{
	background-image:url("/images/homepage/cloudTailDownLeftTop.png");
	height:54px;
}

div.DownMostLeftMiddle
{
	background-image:url("/images/homepage/cloudTailDownLeftMiddle.png");
}

div.DownMostLeftBottom
{
	background-image:url("/images/homepage/cloudTailDownMostLeftBottom.png");
	height:69px;
}

div.DownRightTop
{
	background-image:url("/images/homepage/cloudTailDownRightTop.png");
	height:54px;
}

div.DownRightMiddle
{
	background-image:url("/images/homepage/cloudTailDownRightMiddle.png");
}

div.DownRightBottom
{
	background-image:url("/images/homepage/cloudTailDownRightBottom.png");
	height:69px;
}

div.PopUpTooltip .PopUpTooltipContent
{
	position:relative;
	width:311px;
	left:22px;	
}

div.PopUpTooltipContent
{
	font-family:Trebuchet MS;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	line-height:16px;
}

div.PopUpTooltipContent h3
{
	padding:0px;
	margin:0px;
}

div.PopUpTooltipContent a
{
	font-size:12px;
	color:#022d5c;
	text-decoration:none;
}

div.PopUpTooltipContent ul
{
	padding:0px;
	margin:0px;
}
