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

/****************************************************************************************************
*	Filename: layout.css
*	Purpose: csss for main layout 

// 	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.		Header		header		its about header, all css goes here related to header part

**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 keep this css sequence:


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

/* BODY, FONT AND COLOR, GLOBAL	(id=generic)
**********************************************************/
body 				{font:normal 11px Arial !important; color:#646464; text-align:left;}
table 				{font:normal 11px Arial !important; color:#646464; text-align:left;}
body,form,h1,h2,h3,h4,h5,h6,p	{padding:0; margin:0;}
h1,h2,h3,h4,h5,h6,label,a			{text-transform:capitalize; text-decoration:none;}
a 					{color:#646464; font-weight:bold; text-decoration:none;}
a:hover 		{text-decoration:underline; color:#ff6100;}
a:active, a:focus {outline:0} /* to avoid link borders on new browsers */
img					{border:none;}
label				{font-size:11px; font-weight:bold; text-align:left; text-transform:capitalize;}
p 					{line-height:150%;}
textarea		{overflow:auto; border:1px solid #c6c6c6;}
.anypic img	{border:1px solid #979797;}
form.classOne	{padding:5px 0 0 0;}
form.classOne p	{margin-bottom:3px;}
form a			{font-weight:normal;}				
h3					{font-size:13px; font-weight:bold; color:#FFF; text-transform:uppercase;}

/* for debugging purpose */
/* div					{border:1px solid #0000FF;} */

/* 	BODY WRAPPER / HEADER / TOP MENU (id=header)
**********************************************************/
#mainWrapper	{margin:0 auto; width:985px; margin-top:10px; padding-bottom:15px;}
#mainWrapper .top	{background:url(../imagesf/moduleGreen.png) top center no-repeat; height:31px; padding-top:6px;}
#mainWrapper .cont	{width:979px; padding:0 3px; background:#FFF;}
#header				{background:#edfedf url(../imagesf/greenGrad.png) top repeat-x; min-height:128px;}		
*html #header	{height:128px;}
#logo					{width:211px; height:104px; float:left; margin:15px 0 0 13px; display:inline;}
#topAd				{width:74.5%; float:right; margin:15px 13px 0 0; text-align:right; display:inline; overflow:hidden;}
#topAd img		{border:1px solid #606060;}
#topAd a			{font:normal 10px Arial; text-decoration:underline; text-transform:none; color:#000; float:left;}
#topAd span		{float:right;}

/* 	MAIN CONTENT  (to position the content)
**********************************************************/
#maincont			{background:#f5f5f5 url(../imagesf/greyGradTop.png) top repeat-x;}
#maincont	.content	{background:url(../imagesf/greyGradBtm.png) repeat-x bottom; padding:10px 0.5% 0; min-height:300px; padding-bottom:15px;}
*html #maincont	.content	{height:300px;}
.holdThis			{width:100%; margin-top:7px;}
.contLeftOne	{width:19%; float:left; margin-right:7px;/* background:#000;*/}
.contCentOne	{width:60.5%; margin-right:7px; float:left; /*background:#000;*/}
.contRightOne	{width:19%; float:right; /*background:#000;*/}
.contentSmlOne		{float:left; width:49.7%;}
.contentSml3		{float:left; width:32.6%; padding-right:1%;}
.contentSmlfour		{float:left; width:32.7%;}
.contentSmlTwo		{float:right; width:49%;}
.useitforlall img	{float:left; margin-right:10px;}
.miheightOne		{min-height:1285px;}
*html .miheightOne	{height:1285px;}

/* 	RESUBALE UL LI / MENUS / 	(id=menus)
**********************************************************/
/* top menu */
#menuOne				{width:100%; background:#fe6036 url(../images/orangeGradOne.png) repeat-x bottom;}

#menuOne ul			{padding:0; margin:0; float:left;}
#menuOne ul li	{display:inline;}
#menuOne ul li a{float:left; color:#E2EEF8; font-weight:bold; text-transform:uppercase; padding:10px 25.3px; text-decoration:none; background:url(../imagesf/divider.png) top right no-repeat; font-size:13px; /*filter: Shadow(Color=#666666,               Direction=135, Strength=3);*/ /* Needed for Gecko */ white-space: nowrap;}
/*#menuOne ul li a:before {display:block; margin:0 0 -2.12em 0.15em; padding:0; color:#666666; content: 'In shadow'; }*/
#menuOne ul li a.rightcorner	{float:left; color:#E2EEF8; font-weight:bold; text-transform:uppercase; padding:10px 25.3px; text-decoration:none; background:none; font-size:13px;}
#menuOne ul li a:hover{text-decoration: underline; color:#FFFFFF;}



#menuOne1				{width:100%; background:url(../images/grey_gradi.gif) repeat-x bottom;}
#menuOne1 ul			{padding:0; margin:0; float:left;}
#menuOne1 ul li	{display:inline;}
#menuOne1 ul li a{float:left; color:#5b5b5b; font-weight:bold; text-transform:uppercase; padding:10px 28px; text-decoration:none; background:url(../images/grey_gradi_divider.gif) top right no-repeat; font-size:12px; filter: Shadow(Color=#666666,               Direction=135, Strength=3); white-space: nowrap;}
#menuOne1 ul li a.rightcorner	{float:left; color:#E2EEF8; font-weight:bold; text-transform:uppercase; padding:10px 28px; text-decoration:none; background:none; font-size:12px;}
#menuOne1 ul li a:hover{text-decoration: underline; color:#fe5603;}
.whtbglnrred1		{background:#FFF; border:solid #a4a19d; border-width:0 1px;}	



/* left menu */
#leftMenu					{width:100%;}
#leftMenu ul			{padding:0; margin:0; padding:5px 2%; list-style:none; float:left; width:95%;}
#leftMenu ul li		{width:100%; padding:0; margin:0; float:left;}
#leftMenu ul li a	{color:#656565; font-weight:normal; text-transform:capitalize; padding:6px 0px 6px 15px; 
background:url(../imagesf/arrowSmlTwo.gif) left no-repeat; font-size:12px; display:block; border-bottom:1px dashed #959992;}
#leftMenu ul li a:hover			{background:#6DBA2A; text-decoration:none; color:#FFF;}
/*menu inside */
ul.info					{margin:0; padding:0; list-style:none; padding:7px;}
ul.info li			{background:url(../imagesf/arrowSmlThr.gif) left top no-repeat; font-size:12px; border-bottom:1px dashed #959992; padding:5px 0px; padding-left:15px; }
ul.info li a		{text-decoration:underline;}
ul.info li span a		{text-decoration:underline; font-weight:normal}	 

/*menu two */
ol.infoTwo				{padding:0; margin:0; list-style:none;}
ol.infoTwo li			{font-size:12px; border-bottom:1px dashed #959992; padding:4px 0px; padding-left:15px; }
ol.infoTwo li a		{text-decoration:underline;}
ol.infoTwo li span a		{text-decoration:none; font-weight:normal}	 

/* 	RESUBALE BACKGROUNDS
**********************************************************/
.greenBg			{background:#5b902d;}
.greyBg				{background:#eeeeee;}
.whtbglnrgreen		{background:#f9fff4; border:solid #58a514; border-width:0 1px;}
.whtbglnrgreen1		{background:#f9fff4; border-bottom:solid 1px #58a514;}
.whtbglnrred		{background:#FFF; border:1px solid #1688cf; border-width:0 1px;}
.whtbglnrgrey		{background:#FFF; border:solid #858585; border-width:0 1px;}
.userBg img			{background:url(../imagesf/userBg.png) center; padding:2px;}
.brd a img			{border:solid 1px #CCCCCC; background-color:#fff; padding:5px;}
.brd :hover img			{border:solid 1px #000000; background-color:#fff; padding:5px;}
.fgreyBg				{background:#FFF url(../imagesf/fgrad.gif) bottom repeat-x;}
.green_bg_brd		{background:#F9FFF4; border:solid 1px #CCCCCC;}
.white_bg_brd		{background:#ffffff; border:solid 1px #CCCCCC;}

/* 	MAKE ME ROUND
**********************************************************/
/* background image */
.roundOnetopLeft,.roundOnetopright,.roundOnebtmLeft,.roundOnebtmright,.roundTwotopLeft,.roundTwotopright,.roundTwobtmLeft,.roundTwobtmright,.roundThrtopLeft,.roundThrtopright,.roundThrbtmLeft,.roundThrbtmright{background: #EDFEE0 url(../images/modules.png) no-repeat;}
/* background image position for green module */
.roundOnetopLeft			{background-position:0px 0px; height:31px; padding-left:13px;}
.roundOnetopright			{background-position:100% 0px;}
.roundOnebtmLeft			{background-position:0px -32px; height:5px; overflow:hidden;}
.roundOnebtmright			{background-position:100% -32px;}
/* background image position for red module */
.roundTwotopLeft			{background-position:0px -37px; height:31px; padding-left:13px;}
.roundTwotopright			{background-position:100% -37px;}
.roundTwobtmLeft			{background-position:0% -68px; height:5px; overflow:hidden;}
.roundTwobtmright			{background-position:100% -68px;}
/* background image position for grey module */
.roundThrtopLeft			{background-position:0px -73px; height:5px; overflow:hidden;}
.roundThrtopright			{background-position:100% -73px;}
.roundThrbtmLeft			{background-position:0% -79px; height:5px; overflow:hidden;}
.roundThrbtmright			{background-position:100% -79px;}

/* 	ALL TEXT CSS	(id=textAll)
**********************************************************/
/* font-weight */
.vsmlTxt			{font-size:10px;}
.strongTxt		{font-weight:bold;}
.smltxt				{font-weight:normal;}
.normTxt			{font-size:12px;}
.textU				{text-decoration:underline; font-weight:normal; text-transform:none;}
/* text transform */
.capitalise		{text-transform:capitalize;}
/* text & content align */
.centerall		{text-align:center;}
.alignLeft		{text-align:left !important;}
.alignRight		{text-align:right;}
/* text color */
.greenTxtOne	{color:#4b8029;}
.bigText			{font-size:13px;}
.whtTxt				{color:#FFF;}
.gryTxt				{color:#a8a8a8;}
.viewall			{background:url(../imagesf/arrowRound.gif) left no-repeat; padding-left:13px; text-decoration:underline;}

/* 	ALL INPUT & FORM CLASSES	(id=inputAll)
**********************************************************/
.button-1	{background:#ff7502 url(../imagesf/button.gif) repeat-x; font:bold 11px Arial; color:#FFF; padding:2px; border:1px solid #656565; cursor:pointer; text-transform:capitalize;}
.input-1	{background:#FFF; padding:3px; border:1px solid #656565; font-size:11px;}


/* 	ALL BORDER CSSs
**********************************************************/
.bordBtm			{border-bottom:1px dashed #959992;}
.bordRight		{border-right:1px dashed #959992;}

/* 	REQUIRED PADDINGS / MARGINS 
**********************************************************/
.margOne		{margin-top:10px;}
.paddingOne	{padding:8px 0px;}
.paddingTwo	{padding:7px;}
span.rightOne	{margin-right:10px;}

/* 	FOOTER 
**********************************************************/
#footer						{width:100%; text-align:center; padding:10px 0; background:url(../imagesf/footerImg.png) bottom no-repeat; color:#FFF;}
#footer a,#footer a:hover	{font-weight:normal; color:#FFF;}

/* 	MISCELLANEOUS
**********************************************************/
.clr	{clear:both; margin:0px !important;}
.ContentSpacer {background-color:transparent;margin-top:0;padding-top:5px; float:left;}
.white_title	{color:#ffffff; font:bold 13px arial;}

/* modify my minal 9/9/2008 */
.quickpick_font {font:normal 13px Arial !important; color:#646464; text-align:center;}
.quickpick_font_head {font:bold 14px Arial !important; color:#000000; text-align:center; text-transform:capitalize;}


/*for tabs*/
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}
.portmail{ font-family:Arial; font-size:11px;}