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

/****************************************************************************************************
*	Filename: layout.css
*	Purpose: csss for main layout 
*	Creation Date: 11/07/2007
*	Last Modified: 11/07/2007

//*
*	version name : orgOne	(description)
please add the next version name only & only change the last modified date
//

// 	To find a partcular selector ...?
**search the id (HEADING ID) to get css related / applied to partcular html tag**
	
	SR.NO	CSS TYPE	HEADING ID	DESCRIPTION
	----------------------------------------------------------------------------------------------------
	1.		text		textAll		keep all the css related to text effects, font sizes, hover effects
	2.		input		inputAll	keep all the css related to all input tags, such as buttons, input boxes, combo boxes
	3.		UL/LIs		menus		well, any types of menus, tabs structure..please add here only
	4.		

**please note:	Add any new css in the respetive field only..also checout for the css written earlier & what/how it functions, then add. This will help in order to keep the css more optimized**

**************************************************************************************************** please start over now/

/* BODY, FONT AND COLOR, GLOBAL	(id=generic)
**********************************************************/
body			{font:normal 12px Tahoma; color:#ffffff; text-align:left; margin:0; padding:0; background:#013567;}
a 				{color:#1880d7; text-decoration:none; font-weight:bold;}
a:hover 	{text-decoration:underline; }
img				{border:none;}
form,h1,h2,h3,h4,h5,h6,p	{padding:0; margin:0;}	
p 				{line-height:150%;}


/* 	BODY WRAPPER / HEADER / TOP MENU 
**********************************************************/
#mainWrapper	{margin:0px auto; width:953px; background:#FFFFFF;}
#header1		{width:100%; background:url(../images/header.jpg) no-repeat center top; min-height:123px;}
#header2		{width:100%; background:url(../images/header-fr.jpg) no-repeat center top; min-height:123px;}	
*html #header 	{height:123px;}
#topBanner		{float:right; width:470px; margin:25px 25px 0 0; display:inline; text-align:right;} 
#topBanner img	{border:1px solid #000;}
#languageArea	{float:right; margin-top:10px; border-bottom:1px solid #000; width:125px; padding-bottom:2px; clear:right;}	

#languageAreaa	{float:right; margin-bottom:10px; solid #000;  padding-top:2px; clear:right;}	

/* 	MAIN CONTENT
**********************************************************/
#mainCont		{width:98%; padding:10px 1%;}
.conLeft		{float:left; width:21%; margin-right:10px;}
.conCenter		{float:left; width:53%; /* background:#000;*/}
.conRight		{float:right; width:24%; /*background:#FF0000;*/}
.holdthis		{float:left; margin-top:10px; width:100%;}


/* 	RESUBALE UL LI / MENUS / 	(id=menus)
**********************************************************/
#menuOne		{width:99%; float:left; background:#efefef; border:1px solid #7d7d7d;}
#menuOne ul		{margin:0; padding:10px; float:left;}
#menuOne li		{list-style:none; display:block; margin-bottom:5px; float:left;}
#menuOne li a	{background:url(../images/menuBg.png) left top no-repeat; width:140px; padding:8px; display:block; padding-left:20px; border:1px solid #0a75d0; color:#FFF; float:left;}

#menuOne li.active	{background:url(../images/menuBg.png) left top no-repeat; width:170px; display:block; border:1px solid #0a75d0; color:#FFF; float:left;}

#menuOne li ul		{margin:0; padding:0px; float:left;}
#menuOne li	li		{list-style:none; display:block; float:left; margin:0; border-bottom:solid 1px #fff; background:#96c0e9 url(../images/arrow.png) left no-repeat; padding-left:15px;}
#menuOne li li a	{background:#C0DBF5 url(../images/.png) left top no-repeat; width:142px; padding:8px; display:block; padding-left:5px; float:left; border:none; font-weight:normal; color:#0950A6;}


ul.info			{list-style-image:none; list-style-position:outside; list-style-type:none; margin:0pt; padding:10px;}
ul.info li		{background:url(../images/arrow.gif) 0% 7px no-repeat; border-bottom:1px dashed #013567; padding:10px 0px; color:#000000;}


.under		{ border-bottom:5px dashed #013567; padding:10px 0px; color:#000000;}

/* 	input boxes
**********************************************************/
.inputbox		{border:1px solid #999999; padding:3px; font:normal 11px tahoma;}
.inputxt		{font-size:11px; font-weight:normal; color:#013567; margin-top:10px;margin-right: 10px;margin-bottom:10px;margin-left: 10px;}

.logbtn			{background:url(../images/log_bg.gif) repeat-x; height:22px; color:#FFFFFF; font-weight:bold; text-transform:uppercase; border:1px solid #013567; cursor:pointer;}
/* 	ALL TEXT CSS	(id=textAll)
**********************************************************/
.strongTxt		{font-weight:bold;}
.strongTxtU		{font-weight:bold; text-decoration:underline;}
.normTxt		{font-size:12px;}
.TxtBlk			{font-size:11px; color:#000;}
.strongTxtBlksml{font-size:11px; color:#000; font-weight:bold;}
.text			{font-size:10px; color:#0099FF; font-weight:bold; padding-bottom:10px;}

/* 	REUSABLE BACKGROUNDS
**********************************************************/
.blueGradOne	{background:#147DD5 url(../images/cont_bg.gif) repeat-x top; height:32px; border-bottom:1px solid #013567; font-size:14PX; font-weight:bold; color:#fff; padding-left:5px; text-transform:capitalize;}

/* 	ALL INPUT & FORM CLASSES	(id=inputAll)
**********************************************************/

/* 	ALL BORDER CSSs
**********************************************************/
.bordBlue		{border:1px solid #013567;}

.bordBluee		{border:1px solid #013567;}

/* 	FOOTER 
**********************************************************/
#footer			{width:100%; text-align:center; border-top:1px solid #013567; background:#013567; padding:15px 0px; color:#82add0;}

/* 	MISCELLANEOUS
**********************************************************/
.justHoldThis	{float:left; width:100%;}
.clr			{clear:both;}
.padOne		{padding:10px;}
.padOne1		{padding:2px;}
.margOne	{margin-top:10px;}

.margOnee	{margin-top:0px;}

.newclass { margin-top:10px;margin-right: 10px;margin-bottom:10px;margin-left: 10px;}



/* 	MISCELLANEOUS
Left Dropmenu CSS/

.arrowlistmenu{
width: 196px; /*width of menu*/


.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 12px Arial;
color: white;
background: black url(../images/menuBg.png) left 0px no-repeat;
margin-bottom: 3px; /*bottom spacing between header and rest of content*/
/*text-transform: uppercase;*/
padding: 8px 8px 8px 20px; /*header text is indented 10px*/
border:1px solid #0A75D0;
cursor: hand;
cursor: pointer;
}




.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
/*background-image: url(../templates/default/images/titlebar-active.png);*/
}


.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}


.arrowlistmenu ul li{
padding-bottom: 0px; /*bottom spacing between menu items*/
padding-left: 0px;
}

.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
background: lightblue !important;
}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background: lightgreen !important;
}


.arrowlistmenu ul li {
background:#96C0E9 url(../images/arrow.png) no-repeat scroll left  center;
border-bottom:1px solid #FFFFFF;
}

.arrowlistmenu ul li a{
background:#C0DBF5 no-repeat scroll left center;

display:block;
font-weight:normal;
margin-left:15px;
padding:9px 0px 8px 5px;}

.arrowlistmenu ul li a:visited{
/*color: #A70303;*/
}


.arrowlistmenu ul li a:hover{ /*hover state CSS*/
/*background-color: #F3F3F3;*/
}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background: lightblue;
}

.menuOne {
background:#EFEFEF none repeat scroll 0% 0%;
border:1px solid #7D7D7D;
float:left;
width:90%;
padding:10px;
}