/*
 * Ext JS Library 2.2
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */
/*/////////////////////////////////////////////////////////////////////////////////////////////////////
// Bug id 		:	PLF2.0_07071
// Modified By	: 	Giridharan V
// Modified Date: 	19 Dec 13
// Description	:	New CSS for Blue Style Sheet
///////////////////////////////////////////////////////////////////////////////////////////////////////*/

@charset "utf-8";
/* CSS Document */


@font-face {
    font-family: 'eras_medium_itcregular';
    src: url('erasmd-webfont.eot');
    src: url('erasmd-webfont.eot?#iefix') format('embedded-opentype'),
         url('erasmd-webfont.woff') format('woff'),
         url('erasmd-webfont.ttf') format('truetype'),
         url('erasmd-webfont.svg#eras_medium_itcregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	background:#138ad8 url(../images/about/top_blue_bg.jpg) repeat-x;
	}
	
.boldText{
	font-weight:bold;
	}

.clearFix{
	clear:both;
	}
	
.menuHeader{
	height:28px;
	}

.logoStrip{	
	
	}
	
.logoStripOpen{
	height:46px;
	position:relative;
	}	
	
.logoStripClose{
	display:none;
	position:relative;
	}
	
.appName{
	font-family: 'eras_medium_itcregular';
	font-weight:bold;
	font-size:30px;
	color:#FFF;
	min-width:500px;
	height:20px;
	/*background:url(../images/ramco_aviation_suite.png) no-repeat;*/
	position:absolute;
	top:6px;
	left:20px;
	}
	
.appInfo{
	min-width:500px;
	position:absolute;
	top:0px;
	right:20px;
	}
	
.ramcoLogo{
	width:53px;
	height:35px;
	background:url(../images/about/ramco.png) no-repeat;
	float:right;
	margin:2px 0 0 0;
	}	
	
.userInfoOpen{
	float:right;
	font-size:10px;
	color:#FFF;
	text-align:right;
	height:22px;
	line-height:22px;
	border-right:1px solid #013252;
	padding-right:10px;
	margin:11px 10px 0 0;
	}
	
.userInfoClose{
	float:right;
	font-size:10px;
	color:#FFF;
	text-align:right;
	height:22px;
	line-height:22px;
	padding-right:0px;
	margin:0;
	}

.fl{
	float:left;
	}
	
.fr{
	float:right;
	}
	
.toggleImgOpen{
	width:53px;
	height:10px;
	margin:0 auto;
	}	
	
.toggleImgClose{
	width:53px;
	height:10px;
	margin:0 auto;
	padding-top:16px;
	}	
	
.toggleArrowOpen{
	width:53px;
	height:10px;
	background:url(../images/about/toggle_arrow_close.png) no-repeat center bottom;
	height:46px;
	cursor:pointer;
	}
	
.toggleArrowOpen:hover{
	background:url(../images/about/toggle_arrow_close_hover.png) no-repeat center bottom;
	}
	
.toggleArrowClose{
	width:53px;
	height:10px;
	background:url(../images/about/toggle_arrow_open.png) no-repeat center bottom;	
	cursor:pointer;
	}
	
.toggleArrowClose:hover{
	background:url(../images/about/toggle_arrow_open_hover.png) no-repeat center bottom;	
	}
	
.contentBox{
	background:#FFF;
	margin:0 14px 0 14px;
	height:500px;
	}
	
/* About VirtualWorks Style */

.abtAppName{
	font-family:eras_medium_itcregular;
	font-size:18px;
	color:#035b93;
	}
	
.ramcoLogoBlue{
	width:113px;
	height:61px;
	float:left;
	background:url(../images/about/ramco_logo.png) no-repeat;
	border-right:1px solid #b7b7b7;
	padding-right:25px;
	}
	
.appTitle{
	float:left;
	padding:5px 0 0 25px;
	}
	
.appNameText{
	font-family: 'eras_medium_itcregular';
	font-weight:bold;
	font-size:30px;
	color:#292929;	
	}		

.appVersion{
	font-family:Arial, Helvetica, sans-serif;
	color:#727272;
	font-size:11px;	
	}
	
.appUpdateStatus{
	color:#008f1b;
	font-size:20px;
	font-weight:bold;
	padding:0px 10px 0px 72px;
	border:1px solid #e5d0b9;
	background:#fff4e8 url(../images/about/green_tick.png) no-repeat 10px 9px;
	min-height:66px;
	line-height:66px;
	}
	
.contactInfo{
	font-size:11px;
	color:#000;
	line-height:18px;
	padding-top:20px;
	}
	
.contactInfoTitle{
	font-size:12px;
	font-weight:bold;
	color:#000;
	}

.copyRight{
	font-size:11px;
	color:#606060;
	border-top:1px solid #c0c0c0;
	padding-top:15px;
	margin-top:18px;
	}
	
.link, .link:link, .link:visited{
	color:#035b93;
	font-size:11px;
	text-decoration:none;			
	}
	
.link:hover{
	text-decoration:underline;			
	}
	
sup{
	font-size:8px;
	}