/* =====================================
    CSS STYLES FOR GelMenuNav SkinObject
   =====================================
*/

 /* Main Menu background and color wrapping on full left navigation*/
#GelMenuNav
{
    border-top: solid 0px #FFFFFF;
    border-bottom: solid 0px #FFFFFF;
    margin-bottom: 10px;
	font: small Arial, Helvetica, sans-serif;
	padding-left: 0;
    margin-left: 0px;   
    font-weight: bold;
    font-size:12px;
    vertical-align:top;
    list-style-type:none;    
    background-color:#0065a5; /* background color of main menu */
    margin-top:0px;  
	position:relative;
	left:0px;      
	width:220px;
   
}

#GelMenuNav li a {display:inline-block;} 
#GelMenuNav li a {display:block;} 

#GelMenuNav li  {display:inline-block;} 
#GelMenuNav li  {display:block;} 

/* Mouse over color for the left nav */
#GelMenuNav a:hover
{
    background-color: #666666;
    color: #FFFFFF;	
}

/* added to remove bullets */
#GelMenuNav li
{
     border-bottom: 0px solid #ED9F9F; /* added for opera browser to remove bullets on lists */
    list-style: none;
}

/* for text color of the main menus */
#GelMenuNav li a:link, #GelMenuNav li a:visited
{
    /* main colour of the menu */
    margin: 0;
    padding: 0;
    display: block;
	padding: 5px 10px 5px 0.5em; /* added spacing for right side in left menu items*/   
    color: #FFFFFF;  
    text-decoration: none; /* added for opera */
    font-size:12px;
	font-weight: bold;
	
}

/* added for sub menus,all submenu lists */
#GelMenuNav ul
{
    padding: 0px 0px 0px 0px; /* for expanding sub menus to full width of lef nav */
    border: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    list-style: none;    
	background-color: #addfe8;  /*background color of sub menu */
	
	
}

/* for text color of the sub menus */
#GelMenuNav ul a:link, #GelMenuNav ul a:visited
{
    color: #636150; 
    font-size: 100%;
	font-weight:lighter;
	padding: 5px 10px 5px 0px; /* added spacing for right side in left sub menu items*/   	
	
}

/* for text color of the sub menus */
#GelMenuNav ul a:hover
{
    color: #636150; 
   padding: 5px 10px 5px 0px; /* added spacing for right side in left sub menu items*/   
	/*background: url(arrow.gif) no-repeat center right;*/
	background : url(arrow.gif) no-repeat 120px 8px;
}

/*#GelMenuNav ul a:active
{
    color: #636150; 
	padding: 5px 25px 5px 0.5em; /* added spacing for right side in left sub menu items*/   
	/*background: url(arrow.gif) no-repeat center right;*/
	/*background : url(arrow.gif) no-repeat 203px 8px;
}*/

#GelMenuNavCurrentItem /** styling the box around the link  **/
{
    /*background-color: #FF9900;*/
    color: #FFFFFF;    
}

li > ul > li#GelMenuNavCurrentItem    /** styling the box around the link  **/
{
    background : url(arrow.gif) no-repeat 120px 8px;
    color: #FFFFFF;
}


#GelMenuNavCurrentItem  li a:active /** styling the box around the link  **/
{
   /* background-color: #FF9900;
    color: #FFFFFF;*/
}

#GelMenuNavCurrentItem li a:focus /** styling the box around the link  **/
{
   /* background-color: #FF9900;
    color: #FFFFFF;*/
} 

/*#GelMenuNav li a:active, #GelMenuNav li a:selected, #GelMenuNav li a:selected
{
    background-color: #FF9900;
    color: #FFFFFF;
}*/

#GelMenuNav ul ul
{
    /* second level menu items */
    margin-left: 0px;
	background-color: #F0DDAE;		
}
#GelMenuNav ul ul li
{
    border-bottom: 0px solid #711515;
    margin: 0; /* remove the bullets from the sub menu */
    list-style: none;
}
#GelMenuNav ul ul a:link, #GelMenuNav ul ul a:visited
{
    background-color: #F0DDAE;
    color: #666666;
	font-weight: normal;	
}
#GelMenuNav ul ul a:hover
{
    background-color: #F0DDAE;
    color: #666666;
    
}
/* Class to apply arrow image for current selected sub page  */
.currentSubTab
{
	background : url(arrow.gif) no-repeat 120px 8px;	
}
/*
==============================================
Left Navigation control classes :Begins
==============================================
*/



/* 
================================
Skin style, 5 pane layout
================================
*/
html, body {
    height: 100%;
}
body
{
    /* set default font size for skin (Titles etc. will then use a percentage to specify their sizes) */
    padding: 0px;
	margin: 0px auto;  
	text-align: center;
    line-height: 1.1;
    font: medium Verdana, Geneva, Arial, Helvetica, sans-serif;
    background-color: #66a3c9;    
    /*margin-left:-8px; */
}

#loginlinks
{
	clear: both;
    float: none;
    text-align: left;
    padding-right:8px;
   
}

#logo p
{
    clear: both;
    padding: 0px 0px 0px 0px; /*margin: 0 0 15px 0; */
}
#logo h1
{
    font: bold 300% Verdana, Tahoma, Helvetica, Arial, sans-serif;
    color: #C00;
    letter-spacing: 0.1em; /* adjusts how close the title is to the top tag line */
    margin-top: 0px;
}
/* Main Layout */
#thePage
{
    width: 987px;
    margin: 0px auto;        
    padding: 0px;
    text-align: center;
	min-height: 100%;
	height: auto;
	background-image:url(GEL_home_backGray.gif);
    background-repeat:repeat-y;
	/* new styles to encourage footer to stick to bottom
	display: block;
	position: absolute;
	top: 0px;
	z-index: 0px; */
}

/* Hack for IE, Reset to 100% height */
* html #thePage {
	height: 100%;
}
/* End IE Hack */



/* Hack for IE, Reset to 100% height */
* html #leftGutter {
	height:auto;
}

/* End IE Hack */

#mainBody /* container for all content */
{
	width: 987px;
	/*text-align: left;*/
	vertical-align:top;
	padding-left:13px;
	padding-bottom: 60px; /* ensure footer does not overlap the bottom of our content */
	margin: 0 auto;
	min-height: 100%;
	height: auto;
}


/* Hack for IE, Reset to 100% height */
* html #mainBody {
	height: 100%;
}
/* End IE Hack */
#leftGutter
{
	float: left;
	width: 30px;
    background-image: url(edge_lt.gif);
    background-repeat:repeat-y;
    clear:both;  
    height:auto;
    height:100%;
    /*height:1000px; */
}

/* Hack for IE, Reset to 100% height */
* html #rightGutter {
	height: auto;
}
/* End IE Hack */

#leftBody /* container for all left column items within MainBody */
{
	float: left;
	background-color: #dcdcdc;
	vertical-align: top;
    width: 220px; 
    margin-top:0px;
    border:solid 0px red;
}
#rightBody /* container for all right column items within MainBody */
{
	float: left;
	text-align: left;
	background-color: #ffffff;
	vertical-align: top;
    width: 742px;
    margin:0px auto;
    padding:0px;
}

#leftNav /* primary site navigation within LeftBody */
{
	float: left;
	width: 220px;
	vertical-align: top;
	background-color:#dcdcdc;	
	text-align: right;
	font-weight: bold;
	position:relative;
	top:0px;
}

#logo
{	height: 143px;
    width:220px;    	
	position:relative;
	top:0px;
	
	/*Change made for Left Nav Control on 20-Dec :Begins*/
	border-bottom:solid 0px #FFFFFF;	
	/*Change made for Left Nav Control on 20-Dec :Ends*/
}

#leftpaneOuter
{
	/*Change made for Left Nav Control on 20-Dec :Begins*/
	margin-top:-15px;	
	background-color:#0065a5;
	border-bottom:solid 2px #FFFFFF;
	border-top:solid 2px #FFFFFF;
	/*Change made for Left Nav Control on 20-Dec :Ends*/
}
#leftSecondaryNav /* secondary navigation elements within LeftBody */
{
	background-color:#CCCCCC;	
	text-align: right;	
}
#leftBottomBlock
{
	background-color:#dcdcdc;
	width:220px;
	text-align:right;
	margin-top:0px;
	margin-left:0px;
	border:solid 0px red;
}

#leftSearch
{
	margin-right:0px;
	padding-left:41px;
	padding-right:10px;
	border:solid 0px red;
}

.searchText
{
	font:verdana;
	font-size:10pt;
	height:22px;	
	position:relative;
	left:8px;	
}

#positionSearchBtn
{
	position:relative;
	top:3px;
	left:0px;
}

#leftNavTools
{
	margin-right:20px;	
}
#heightLeftblock
{
	height:200px;
}
.toolText
{
	font:verdana;
	font-size:8pt;
	color:Black;
	font-weight:bold;
	text-decoration: none;
}


A.toolText:link, A.toolText:visited, A.toolText:active, A.SkinItem:hover
{
	font:verdana;
	font-size:8pt;
	color:Black;
	font-weight:bold;
	text-decoration: none;
}


/* End Left Column */


#contentheader
{
	width:742px;
    /*float:left;
	position:relative;*/
	border:solid 0px red;
	height:302px;
	
}

#spacer_verti
{
	width:2px;
	clear:both;
}

#wht_gutter_hr
{
	background-color:#ffffff;
	width:auto;
	height:1px; 
}

#hori_space
{
	float:left;
	
}
#contentImage
{
	margin-left:34px;
	margin-top:0px;
}

#cad_int
{	
	width:429px;
	height:170px;
	margin-left:35px;
	border:solid 1px red;
}
#conveneLogo
{
	position:relative;
	left:40px;
	top:40px;
}
#cad_int1
{
	font-family:Verdana;
	width:190px;	
	float:left;
	text-align:left;
	vertical-align:top;
	position:relative;
	/*top:55px;*/
	left:45px;

}
#cad_int2
{
	width:8px;
	float:left;	
	position:relative;
	margin-left:80px;
	/*margin-top:-55px;*/

	
}
#cad_int3
{
	position:relative;
    font-family:Verdana;
	vertical-align:top;
	width:190px;
	float:left;	
	/*margin-top:-20px;*/
	margin-left:15px;
}
#cad_int4
{
	font-family:Verdana;
	width:8px;
	float:left;	
	position:relative;
	margin-left:20px;
	margin-top:0px;
}

#cad_int5
{
	font-family:Verdana;
	vertical-align:top;
	width:190px;
	float:left;	
	/*margin-top:-92px;*/
	margin-left:15px;
	
	
}
#cad_int6
{
	position:relative;
	font-family:Verdana;
	width:190px;
	float:right;
	top:-60px;
	margin-right:15px;
	padding:0px;
	
	
	
}
#cad_int7
{
	font-family:Verdana;
	width:190px;
	float:left;	
	position:relative;
	
}


#hori_dotline2
{	

	position:relative;
	left:40px;
	top:-38px;
	float:left;
    height:2px;
	width:671px;
    vertical-align:text-top;
}

#learn{

	position:relative;
	height:15px;
	width:671px;
	float:left;
	padding-top:0px;
	top:-40px;
	padding-bottom: 20px;

	
}
#learnOne
{
	padding-left:45px;
}

#learnTwo
{
	
	padding-left:150px;
}
#learnThree
{
	
	margin-left:140px;
}

#centerSection
{
	width:671px;
	padding-left:40px;
	padding-right:40px;
	border:solid 1px red;
}

.cad_intComp_text1
{	
	color:#666666;
	font-size:small;
	padding-left:5px;
}
#a_comp
{
	color:#5d1501;
	font-size:small;
}

.location_text
{	
	font:Arial;
	padding-left:5px;
	color:#666666;
	font-size:small;
}

#content_quest
{
	margin-left:40px;
	position:static;
	top:20px;
}

#content
{
	width:745px;
	float:left;
	margin-top:-2px;
}

#leftContent
{
	width:741px;
	float:left;
	border:solid 0px red;
}
#footerLogo
{
	margin-left:-1px;
	

}
#logosFooter{
	float:left;
	padding-left:20px;
}

#footerContentLogo
{
	/*float:left;
	width:965px;
	clear:both;
	background-repeat:repeat-y;   
	padding-bottom:60px;
	padding-top:250px;
    	height:60px;
    	margin-left:-1px;
   	padding-left:1px;
*/    
	clear:both;
	text-align: left;
	position: relative;
	height: 60px;
	width: 987px;
	vertical-align:bottom;
	padding-left:13px;
	margin: 0	 auto;
	
	/* below is used to manage footer sticking to bottom of page
	position: absolute;
	left: 0px;
	bottom: 0px;
	display: block;
	z-index: 999; */
}
#contentText 
{
	font-family:Verdana;
	color:#666666;
	font-size:small; 
	text-align:left;
}
#footerContent
{
	font: x-small Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 15px 0px 0px 260px;
	
}
#footerContent .SkinItem
{
    font: x-small Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #666666;
}
#footerContent A:link, #footerContent A:visited, #footerContent A:active
{
    text-decoration: underline;
    color: #666666;
}
#footerContent A:hover
{
    text-decoration: underline;
    color: #cccccc;
}
/* -----------------
Set default font for modules
--------------------
 */
.Normal, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox
{
    margin: 0;
    padding: 0;
    line-height: 1.1;
    font: small Verdana, Arial, Helvetica, sans-serif;
}

/* -----------------
Print Media start
--------------------
 */

@media print
{
	
	#thePage
	{
		left:150px;
		
	}

	#ControlPanel
	{
		display:none;
	
	}

	#loginlinks
	{
		display:none;
	}
	#contentHeader
	{
	
		/*float:left; */
	}
	#leftBody 
	{
	font-family:times,serif;
	display:none;
	}
	#leftContent
	{

	margin-left:-75px;
	}
	#content
	{
	font-family:times,serif; 

	}
	#contentImage
	{
	font-family:times,serif;
	float:right;
	}
	#centerSection
	{
	font-family:times,serif,50px;
	float:right; 

	}
	#footerContent
	{
	font-family:times,serif; 
	}
	#rightContent
	{
		font-family:times,serif;
		float:right; 
		position:relative;

		left:-330px;		
	} 

	#footerContentLogo
	{
	display:none;
	} 
	#Immerse_logo
	{
		position:relative;
		left:-100px;
		clear:both;
		
		
		
	}
	#Immerse_content
	{
		position:relative;
		right:100px;
		
	}
}

/* -----------------
Print Media ends
--------------------
 */



/* 
----------------------------
Class for resize text :Begins
----------------------------
*/
/*
.resizetext10
{
	font-size:small;
}

.resizetext12
{
	font-size:medium;
}

.resizetext14
{
	font-size:large;
}

*/
/* 
----------------------------
Class for resize text :Ends
----------------------------
*/


/* ================================
style for module titles
================================ */
.Head
{
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 170%;
    font-weight: bold;
    color: #C00; /* letter-spacing: 2; */
}
/* style of item titles on edit and admin pages */
.SubHead    {
    font-size:  85%;
}
/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-size:  85%; 
}

/* ===============
button style for standard HTML buttons 
================== */
.StandardButton
{
	font-size: 90%;
}

/* =======================
 HTML Tag Styles 
=========================== */
H1, H2, H3, H4, H5, DT, H6
{
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}
H1
{
    font-size: 80%;
    font-weight: bold;
    color: #999;
}
H2
{
    font-size: 150%;
    font-weight: bold;
    color: #C00;
}
H3
{
    font-size: 120%;
    font-weight: bold;
    color: #999;
}
H4
{
    font-size: 110%;
    font-weight: normal;
    color: #999;
    margin: 0;
}
H5, DT
{
    font-size: 90%;
    font-weight: normal;
    color: #999;
    margin: 0;
}
H6
{
    font-size: 80%;
    font-weight: normal;
    color: #999;
    margin: 0;
}



/* ------------------------
Links format added for opera browser
----------- */
.Normal A:link, .Normal A:visited, .Normal A:active
{
    text-decoration: none;
    color: #036;
}
.Normal A:hover
{
    text-decoration: underline;
    color: #F00;
}

/* This is the Date eg. any items that are not links */
.SkinItem
{
    text-decoration: none;
    color: #036;
}
/* This sets the style for all skin items that are links */
A.SkinItem:link, A.SkinItem:visited, A.SkinItem:active
{
    text-decoration: none;
    color: #036;
}
A.SkinItem:hover
{
    text-decoration: underline;
    color: #F00;
}
/* Layouts for the Text/HTML module */
#imageleftside
{
}
#imageleftside img
{
    border: 1px solid #CCC;
    margin-right: 15px;
    margin-bottom: 20px;
    float: left;
}
#imagerightside
{
}
#imagerightside img
{
    border: 1px solid #CCC;
    margin-left: 15px;
    margin-bottom: 20px;
    float: right;
}
.clear
{
    clear: both;
}
.quoteleft {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 105%;
	font-style: italic;
	padding: 0 10px 0 0;
	margin: 10px 10px 10px 0;
	width: 220px;
	float: left;
	text-align: right;
	border-right: 10px solid #C8CDD0;
	color:#75818A;
}
.quoteright {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 105%;
	font-style: italic;
	padding: 0 0 0 10px;
	margin: 10px 0 10px 10px;
	width: 220px;
	float: right;
	text-align: left;
	border-left: 10px solid #C8CDD0;
	color:#75818A;
}

#home_hdrText
{
	font-family:Verdana;
	color:#666666;
	font-size:11px;
	text-align:left;
	padding-left:0px;
	padding-right:20px;
	border:solid 0px red;
}


/* Classes for Content pane section */
.MedAdCadientMedia
{
	width:444px;
	text-align:center;
}
/*
----------------------------
Class for Solution Page :Starts
----------------------------
*/

#DootedLine_solution
{
	
	left:40px;
	top:0px;
	
		
}
#DootedLine_solutionTop
{
	
	margin-left:40px;
	margin-top:10px;
	
}
.solution_contentTextSecond
{
	/*margin-left:40px; */
	float: left;
	position:relative;
	top: 10px;
	left: 40px;
	width:671px;
}
#solution_event
{
	float:left;
	position:relative;
	top:100px;
	left:80px;
	
}

#solution_text1
{
	float:left;	
	width:375px;
	position:relative;
	top:-20px;
	left:300px;
	clear:both;
	
}
#solution_text2
{
	float:left;	
	width:375px;
	position:relative;
	top:-20px;
	left:300px;
	clear:both;
}
#solution_text3
{
	float:left;	
	width:375px;
	position:relative;
	top:-20px;
	left:300px;
	clear:both;
}
#DootedLine_solution1
{
	
	margin-left:40px;
	
}
#DootedLine_solution2
{
	margin-left:40px;
	
	
}
#solution_launch
{
	float:left;
	position:relative;
	top:100px;
	left:80px;
}


.solution_contentText
{
	width:662px;
	float:left;
	text-align:left;
	position:relative;
}
#solution_immerse
{
	float:left;
	position:relative;
	top:100px;
	left:80px;
}

/* ================================
Class for Solution Page :Ends
================================ */

/* ================================
Class for Solution Immerse :Strats
================================ */
/*
----------------------------
Class for Solution Coneve :Starts
----------------------------
*/

#DootedLine_convence
{
	
	float:left;
	position:relative;
	top:20px;
	left:40px;
	
		
}

#convence_event
{
	float:left;
	position:relative;
	top:100px;
	left:80px;
	
	
}

#Convence_text
{
	float:left;	
	width:375px;
	position:relative;
	top:10px;
	left:340px;
	clear:both;
	
	
	
	
}
#DootedLine_convence1
{
	float:left;
	position:relative;
	left:40px;
	
	
}
#DootedLine_convence2
{
	margin-left:40px;
	
	
}


.convene_contentText
{
	width:662px;
	float:left;
	text-align:left;
	position:relative;
}


/* ================================
Class for Solution Coneve :Ends
================================ */

/* ================================
Class for Solution Immerse :Strats
================================ */
.immerse_contentText
{
	width:662px;
	float:left;
	text-align:left;
	position:relative;
}

#DootedLine_Immerse
{
	/* float:left;	margin-left:40px;
	margin-top:10px;*/
	position:relative;
	float:left;
	top:10px;
	left:40px;
}

#Immerse_text
{
	/* float:left;
	width:650px;	
	margin:10px 0px 0px 60px;*/
	position:relative;
	float:left;
	top:10px;
	left:40px;
}

#Immerse_logo
{
	/* float:left;
	margin:100px 0px 0px 75px;*/
	position:relative;
	float:left;
	left:50px;
	top:150px;
}

#Immerse_content
{
	/* float:left;
	width:375px;
	margin:20px 0px 0px 30px;	
	float:left;
	text-align: left;	
	width:400px;
	position:relative;
	top:15px;
	right:-10px;*/
	float:right;	
	width:400px;
	position:relative;
	top:15px;
	right:-10px;

}
#DootedLine_Immerse1
{
	/*clear:both;
	border:solid 0px red;
	margin-top:10px;
	margin-left:40px;*/
	position:relative;
	float:left;
	top:10px;
	left:40px;
}

/* ================================
Class for Solution Immerse :Ends
================================ */


/* ------------------------
Classes for About Gel- Starts
----------- */

#content_Aboutgel
{
	width:663px;
	margin:10px 0px 0px 40px;
	border:solid 0px red;
	
}



/* ------------------------
Classes for About Gel- end
----------- */

/* ------------------------
Classes for Careers- Starts
----------- */

#content_Careers
{
	width:663px;
	margin:10px 0px 0px 40px;
	border:solid 0px red;
	min-height:100%;
	height: auto;
	height:100%;
}



/* ------------------------
Classes for Careers- end
----------- */

/* ------------------------
Classes for Onevoice- Starts
----------- */
#contentheader1
{
	width:742px;
    float:left;
	position:relative;
	border:solid 1px red;
	height:302px;
	
}
#DotLine_onevoice
{
	position:relative;
	float:left;
	top:10px;
	left:40px;	
}
#DotLine_onevoice1
{
	position:relative;
	float:left;
	top:10px;
	left:40px;
}

#onevoice_event
{
	float:left;
	position:relative;
	left:50px;
	top:150px;
}

#onevoice_text
{
	float:right;	
	width:400px;
	position:relative;
	top:15px;
	right:-30px;
	border:solid 0px red;
}

#onevoice_hrdText
{
	font-family:Verdana;
	color:#666666;
	text-align:left;
	padding-left:40px;
	border:solid 0px red;
}


#onevoice_launch
{
	float:left;
	margin: 50px 0px 0px 75px;	
	width:201px;
}
.onvoice_contentText
{
	width:662px;
	float:left;
	text-align:left;
	position:relative;
}

/* ------------------------
Classes for Onevoice- end
----------- */
/* ------------------------
Classes for Contact US Starts
----------- */
#contactus_dotted
{
	position:relative;
	float:left;
	top:10px;
	left:40px;
	/*float:left;
	margin:10px 0px 0px 40px;	*/
}

#contactus_content
{
	width:600px;
	border:solid 0px red;
	float:left;
	position: relative;
	top:20px;
	left:60px;
	/*margin:20px 0px 0px 40px;*/
}




/* ------------------------
Classes for Contact US Ends
----------- */