﻿html {
overflow: auto;
}

body 
{
    margin: 0px;
    font-family: Tahoma, Verdana, Arial;
    min-width:900px;
}

.simpleHeading			{font-weight:bold; font-family: Arial, Helvetica,sans-serif; font-size:14px;}

.applicationsTable
{
   width:100%;
   line-height:20pt;
}

.applicationDescription
{
    background-color:#b7eb18;
    
}

.applicationListItem
{
    font-size:12pt;
    font-weight:bold;
    margin-top:10px;
    /*background-color:#b7eb18;*/
    padding-left: 5px;
    color:Black;
    
}

.applicationMenuItem
{
    cursor:pointer; 
    padding-left:5px;   
}


.applicationMenuItem : hover
{
    border-bottom:solid 1px #ffa826;
    font-weight:bold;
}

.headerItem
{
	font-size: 15px;
    cursor:pointer; 
    color:White;
}


.headerItem:hover
{
    border-bottom:solid 1px #ffa826;
    color:Gray;
}

.applicationMenuItemSelected
{
    background-color:#ffa826;
    font-weight:bold;
    padding-left:5px;
    cursor:pointer; 
}

.applicationSummary
{
    font-size:10pt;
    margin-top:5px;
    color:black;
    padding:5px;
}

.featuresTable
{
   width:100%;
   line-height:18pt;
}

.featuresTable td
{
    vertical-align:top;
}

.featureListItem
{
    font-size:11pt;
    font-weight:bold;
    margin-top:10px;
    /*background-color:#fe992b;*/
    /*text-decoration:underline;*/
}

.featureSummary
{
    font-size:9pt;
    margin-top:2px;
    padding-right:10px;
}


.centerBlock
{
    margin-left:auto;
    margin-right:auto;
}

ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{font-size: 90%}
ul#nav li{float:left;margin-left: 3px;text-align: center}
ul#nav a{float:left;width: 95px;padding: 5px 0;background: #bee34f;text-decoration:none;color: Black}
ul#nav a:hover{background: #FFA826;color: #FFF}
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #FFF;color: #003}


#footerMenu
{
    line-height:20px;
}

.footerMenuSubHeading
{
    font-size:16px;
    color: #FFA826;
}

.menuSpacer
{
    line-height :10px;
}

.footerMenuItem
{
    font-size:14px;
    cursor:pointer;
}

.copyright
{
    float:right;
    margin-right:20px;
}

.lineBreak
{
    clear:both;
    height:10px;
    cursor:default;
}

.pageBreak
{
    clear:both;
    height:10px;
    border-bottom:solid 1px gray;
}

.newsItem
{
    width: auto; 
    height: 100%; 
    float: left;
    border-right: dotted 1px Gray;
}

.friendItem
{
   padding-top: 0.3em;
   padding-bottom: 0.3em;
   padding-left:5px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
}

.friendShadedItem
{
   padding-top: 0.3em;
   padding-bottom: 0.3em;
   padding-left:5px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   background-color:#EAF2F6;
}

.item
{
   padding-top: 0.3em;
   padding-bottom: 0.3em;
   padding-left:5px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
}

.item:hover
{
	background-color:#ebe8e8;
}

.savedUser
{
   padding-top: 0.3em;
   padding-bottom: 0.3em;
   padding-left:5px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
}

.checkBoxItem
{
   padding-top: 0.3em;
   padding-bottom: 0.3em;
   padding-left:5px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   cursor:default;
}

.shadedItem
{
   padding-top: 0.3em;
   padding-bottom: 0.3em;
   padding-left:5px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   background-color:#EAF2F6;
}

.shadedItem:hover
{
	background-color:#ebe8e8;
}

.heading
{
    background-color:#41627E; 
    color:#ffffff;
    font-weight:bold; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size:14px; 
    border-right:solid 1px gray;
    height: 25px;
    padding-left:5px;
    margin-left:5px;
}    

.trip 
{
    cursor:pointer;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #000066;
    text-decoration: none;
}

.footerAction
{
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    font-weight: bold; 	
	color:#0073ae;
    float:left;	
    cursor:pointer;
}

.toolboxSpacer
{
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    font-weight: normal; 	
    color:#444343;
    float:left;
}

.leftMenu
{
	float:left;
	margin: 0px 20px 0px 20px;
	width:141px;
	line-height:20pt;
	font-family:Arial, Helvetica,sans-serif;
	font-size:13px;
	cursor:pointer;
	color:#0073ae;
}

.leftMenuImage
{
	margin:0px 5px 0px 5px;
	padding-left:5px;
	padding-right:14px;
	height: auto; 
	float: left;
}

.leftMenuItem
{
	margin:0px 5px 0px 5px;
	padding-left:5px;
	padding-right:14px;
	height: auto; 
	/*float: left;*/
}

.centerPart
{
	float:left;
	width:141px;
	line-height:15pt;
	font-family:Arial, Helvetica,sans-serif;
	font-size:16px;
	color:#0073ae;
	height: 100%;
}

.rightContext
{
	color:#0073ae;
	float:left;
	width:141px;
	line-height:15pt;
	font-family:Arial, Helvetica,sans-serif;
	font-size:15px;
	cursor:pointer;
	height:100%;
}

.content
{
	color: #0d3059;
	font-family:Arial, Helvetica,sans-serif;
	margin-left:5px;
	font-size:12px;
	cursor:default;
	clear:both;
}

.loginStatus
{
	ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: .8;
	background: Black; 
}

.tripInfoSection
{
    line-height:24pt;
    float:left;
    margin-left:10px;
    height:100%;
    overflow: hidden;
}

.sectionHeading
{
    font-size:18px;
    color:#0073ae;
    font-weight:normal;
}

.sectionContent
{
    color: #0d3059;
	font-family:Arial, Helvetica,sans-serif;
	margin-left:5px;
	font-size:12px;
	cursor:default;
	clear:both;
}

.ellipsisContent
{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-icab-text-overflow: ellipsis;
	-khtml-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	float : left;
}
.ellipsis
{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-icab-text-overflow: ellipsis;
	-khtml-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
}

.sectionContentEntryText 
{
    float:left;    
    color:Black;
    width: 730px; 
    padding-left:5px;
}

.sectionContentMsgEntryText 
{
    float:left;    
    color:Black;
    width: 690px; 
    padding-left:5px;
}

.sectionContentEntryDate
{
	float:left;
    color:Black;
    width:100px;
    padding-left:15px;
}

.sectionTextContainer
{
    clear:both;
    font-size:12px;
    color:#0073ae;
}

.section
{
	clear:both;
}

.userInfo
{
    color:black;
    font-weight:bold; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size:13px
}

.viewTripTable
{
	color:Black; 
	width: 950px; 
	border-bottom:solid 1px gray; 
	border-top:solid 1px gray; 
	border-left:solid 1px gray; 
	margin-left:auto;
    margin-right:auto;
}

.viewTripTableHeading
{
    background-color:#41627E; 
    color:#ffffff;
    font-weight:bold; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size:14px; 
    text-align:center;
    border-right:solid 1px gray;
    height: 25px;
}

.viewTripTableHeader
{
	width: 10%;
	border-right:solid 1px gray;
	text-align:center;
}

.viewTripTableBody
{
	font-size: 13px; 
	font-family: Arial,Helvetica,sans-serif;
	border-right:solid 1px gray;
	text-align:center;
}

.userMessageContainer
{
    padding : 0px 0px 0px 0px;
    font-weight : bold;
    width:100%;
}

.userMessageContainer div
{
    cursor:pointer;
    padding : 0px 0px 0px 0px;
    width:100%;
}
.userMessageContainer :hover
{
    background-color : #41627e;
    color:White;
}

.noUserMessage
{
    width:100%;
    padding : 5px 0px 0px 0px;
    font-weight : bold;
}

.noUserMessage div
{
    padding : 2px 0px 2px 10px;
    width:100%;
}


.topMenuSelected
{
    cursor:pointer;
    text-align:center;
    width:50%;
    background-color:#edb14a;
}

.topMenuUnselected
{
    cursor:pointer;
    text-align:center;
    width:50%;
    background-color:#41627E;
}

.optionMore
{
	float:right; 
	cursor:pointer;
	color: #577acb; 
	font-family:Arial, Helvetica,sans-serif;
	font-size:12px;
	line-height:14pt;
}

.helpMessage
{
   padding-left:5px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color:#5f6062;
}

.elemLink
{
	font-family: Arial, Helvetica, sans-serif; 
	cursor:pointer;
	font-size: 12px;
}

.goToMainPage:hover
{
	text-decoration: underline;
}

.changeImageText:hover
{
	text-decoration: underline;
}

.leftMenuSelected:hover
{
	background-color:#ebeff2;
}

.leftMenuUnselected:hover
{
	background-color:#ebeff2;
}

.leftMenuItem:hover
{
	background-color:#ebeff2;
}

html
{
    overflow-y:scroll;
}

.leftMenuSelected
{
	margin:0px 5px 0px 5px;
	padding-left:5px;
	padding-right:14px;
	height: auto; 
	float: left;
    cursor:pointer;
    background-color:#D6E0E5;
}

.leftMenuUnselected
{
	margin:0px 5px 0px 5px;
	padding-left:5px;
	padding-right:14px;
	height: auto; 
	float: left;
    cursor:pointer;
    background-color:#ffffff;
}

.transparentblock {
opacity: 0.6;
-moz-opacity: 0.6;
filter: alpha(opacity=60);
}


  .topMenuItemSelected
    {
        /*background-color : #C9F2FF;*/
        background-position:top;
        background-repeat:no-repeat;
        font-weight:bold;
        color:White;
        font-size:16px;
    }
        
    .topMenuItemNormal
    {
    	font-size:16px;
        background-color : transparent;
        font-weight:bold;
        color : #bfbfbf;
        color : white;
    }
    
    .topMenuItemNormal a
    {
    	color: #bfbfbf;
        cursor: pointer; 
        text-decoration:none;
    }
     .topMenuItemNormal a:hover
    {
    	color: #f3f3f3;
    	font-weight:bold;
    }
