
/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:.9375em; background:#191a1e ;}
html, input, textarea	{	font-family:Arial; 
		color:#4b4b4b;	}	

.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}

.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
.dInlini{ display:inline}

div.container {	overflow:hidden; width: 100%;}

a img{ border:0px}
img{ vertical-align:top;  }

strong{color:#3b3b3b;}

a{color:#06abeb; text-decoration:underline} 
a:hover{text-decoration:none}
.link1{color:#e5156d; font-weight:bold; font-size:0.89em; margin-right:20px} 

/*#content ul{margin:0; padding:0; list-style:none;}
#content ul li{background:url(../images/images/marker.gif) top left no-repeat; background-position:0 6px; margin:0; padding-left:10px; }
#content ul li span{color:#06abeb; text-transform:uppercase} 
#content ul li a{color:#303c55; font-weight:bold; font-size:.916em; text-decoration:none; line-height:1.63em} 
#content ul li a:hover { text-decoration:underline; }*/

#content .ul{margin:0; padding:0; list-style:none;}
#content .ul li{background:none; padding:0; }
#content .ul li div{ float:right; color:#3b3b3b; } 
#content .ul li span { margin-right:62px; display:inline; color:#3b3b3b;} 
#content .ul li a{color:#3b3b3b; font-weight:bold; font-size:1em; text-decoration:none; line-height:1.6363em} 
#content .ul li a:hover { text-decoration:underline; }

.link { display:block; float:left; background:url(../images/images/link_bg.gif) left top repeat-x; color:#fff; text-decoration:none;}
.link em { display:block; background:url(../images/images/link_left.gif) no-repeat left top;}
.link b { display:block; background:url(../images/images/link_right.gif) no-repeat right top; padding:2px 15px 2px 15px; font-weight:normal; font-style:normal;}
.link a { text-decoration:none; }
.link a:hover { text-decoration:underline; }


/*header*/
#header {font-size:0.75em; color:#FFFFFF }
#header .logo{ margin:27px 0 85px 40px }
#header .banner{ margin:0 0 0 55px }
#header .banner1{ margin:0 0 0 640px }
#header .sub-menu{ margin:48px 0 0 685px; position:absolute }
#header .block{ margin:181px 0 0 55px; position:absolute; color:#bfc0c1 }
#header .block_width{ width:520px; height:59px; background:url(../images/images/bg_block.gif)}
#header .indent-block{ padding:9px 0 0 17px} 
#header .menu{ margin:120px 0 0 55px; position:absolute }
#header .link-sub1{color:#ffcc2f; background:url(../images/images/marker1.gif) top left no-repeat; margin:0; padding:5px 0 5px 27px; font-size:.916em; margin-right:25px; line-height:25px } 
#header .link-sub2{color:#ffcc2f; background:url(../images/images/marker2.gif) top left no-repeat; margin:0; padding:5px 0 5px 27px; font-size:.916em; margin-right:25px } 
#header .link-sub3{color:#ffcc2f; background:url(../images/images/marker3.gif) top left no-repeat; margin:0; padding:5px 0 5px 27px; font-size:.916em; margin-right:25px } 

.list { position:absolute; margin:114px 0 0 53px}


#header ul{margin:0; padding:0; list-style:none}
#header ul li{ display:inline; padding:0px 10px 1px 10px;  background:url(../images/images/list.gif) top right no-repeat; margin:0; }
#header ul li a{color:#ffffff; text-decoration:none;} 
#header ul li a:hover { text-decoration:none; color:#000000; }


/*content*/
#content{ font-size:0.75em; width:100%; text-align:left;}
#content .indent-main{padding:0 55px 0 55px}
#content .title{  margin-bottom:16px}
#content .row{ background:url(../images/images/line.gif) repeat-x top; padding-top:11px;  margin-top:20px}
#content .img-left{ float:left; margin:0 20px 16px 0}
#content .img-indent{ margin:0 0 16px 0}
#content p{ margin:0 0 15px 0}
#content .p{ margin:0 0 13px 0}
#content .p2{ margin:0 0 7px 0}
#content .p1{ margin:0 0 37px 0}
#content .txt{ text-transform:uppercase; color:#4b4b4b}
#content .txt1{ font-size:.9em}
#content .txt1 a { color:#262626; text-decoration:none}
#content .txt1 a:hover { color:#262626; text-decoration: underline }
#content h3{ color:#232427; text-transform:uppercase; margin:3px 0 14px 0; font-size:1.08em }

#page4 .indent{padding:0 0 14px 0}

/*block*/
.box{ background:#fff; width:100%; font-size:1em; }
.box .border-top {background:url(../images/images/border_top.gif) repeat-x top;}
.box .border-left {background:url(../images/images/border_left.gif) repeat-y left;}
.box .border-right {background:url(../images/images/border_right.gif) repeat-y right;}
.box .corner-top-left {background:url(../images/images/corner_top_left1.gif) no-repeat left top;}
.box .corner-top-right {background:url(../images/images/corner_top_right1.gif) no-repeat right top; width:100%; }
.box .corner-top-left1 {background:url(../images/images/corner_top_left.gif) no-repeat left top;}
.box .corner-top-right1 {background:url(../images/images/corner_top_right.gif) no-repeat right top; width:100%; }
.box .indent-box{ padding:24px 32px 4px 29px; }


/*footer*/
#footer { color:#d3d3d3; font-size:0.75em; background:url(../images/images/bot1.gif) no-repeat top left }
#footer span { color:#585858 }
#footer .indent-footer{ padding:42px 25px 0 59px;}
#footer a {color:#ffc513; text-decoration:underline}  
#footer a:hover {  text-decoration:none}


.jamp1{ width:72px; margin:0 9px 0 0}
select{ font-size:1em; color:#666666; margin-left:5px; vertical-align:middle; height:22px;}
.block-contact span{ float:right; margin-right:20px}
.input{
   	border:1px solid #a8a8a8; 
	background:#FFFFFF;
	width:207px; height:20px;
	margin:0 5px 0 5px;
	vertical-align:middle;
	font-size:1em;
	padding-left:5px;
}input{
/* 	border-top:1px solid #414141; 
   	border-left:1px solid #414141; 
   	border-bottom:1px solid #ccd0d1; 
   	border-right:1px solid #ccd0d1; 
	background:#FFFFFF;
	width:221px; 
	height:18px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:3px */
}
textarea{
   	border-top:1px solid #414141; 
   	border-left:1px solid #414141; 
   	border-bottom:1px solid #ccd0d1; 
   	border-right:1px solid #ccd0d1; 
	background:#FFFFFF;
	width:221px; height:107px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:11px;
	overflow:auto}

legend{
	font-weight:bold;
}	
/*======= layout =======*/
.tail-top{ width:100%; background:url(../images/images/top.gif) repeat-x #3c4049}
.tail-bottom{text-align:center; width:100%;  background:url(../images/images/bot.gif) repeat-x bottom}
.right_bgd { position:absolute; top:0; right:0; width:50%; height:145px; background:url(../images/images/tall_top_right.gif) left top repeat-x}

.col-1, .col-2, .col-3, .col-4, .col-5{ float:left}
/*======= width =======*/
.main{margin:0 auto; text-align:left; width:980px; position:relative }

/*======= header =======*/
#page1 #header {height:420px;  background:url(../images/images/top1.jpg) no-repeat top center}
#header {height:257px;  background:url(../images/images/top1.jpg) no-repeat top center}

/*======= index.html =======*/
#page1 #content .col-1{ width:230px; margin-right:55px}
#page1 #content .col-2{ width:241px; margin-right:52px}
#page1 #content .col-3{ width:231px}
#page1 .bg{ background:url(../images/images/tail.gif) repeat-y 260px top}
#page1 .bg1{background:url(../images/images/tail.gif) repeat-y 553px top}
/*======= index-1.html =======*/
#page2 #content .col-1{ width:230px; margin-right:55px}
#page2 #content .col-2{ width:241px; margin-right:52px}
#page2 #content .col-3{ width:231px}
#page2 .bg{ background:url(../images/images/tail.gif) repeat-y 260px top}
#page2 .bg1{background:url(../images/images/tail.gif) repeat-y 553px top}
/*======= index-2.html =======*/
#page3 #content .col-1{ width:266px; margin-right:45px}
#page3 #content .col-2{ width:498px}
#page3 .bg{ background:url(../images/images/tail.gif) repeat-y 286px top}
/*======= index-3.html =======*/
#page4 #content .col-1{ width:205px; margin-right:44px}
#page4 #content .col-2{ width:238px; margin-right:40px}
#page4 #content .col-3{ width:281px}
#page4 #content .col-4{ width:151px}
#page4 #content .col-5{ width:130px}
#page4 .bg{ background:url(../images/images/tail.gif) repeat-y 229px top}
#page4 .bg1{background:url(../images/images/tail.gif) repeat-y 508px top}
/*======= index-4.html =======*/
#page5 #content .col-1{ width:230px; margin-right:55px}
#page5 #content .col-2{ width:241px; margin-right:52px}
#page5 #content .col-3{ width:231px}
#page5 .bg{ background:url(../images/images/tail.gif) repeat-y 260px top}
#page5 .bg1{background:url(../images/images/tail.gif) repeat-y 553px top}
/*======= index-5.html =======*/
#page6 #content .col-1{ width:240px; margin-right:45px}
#page6 #content .col-2{ width:241px; margin-right:52px}
#page6 #content .col-3{ width:231px}
#page6 .bg{ background:url(../images/images/tail.gif) repeat-y 260px top}
#page6 .bg1{background:url(../images/images/tail.gif) repeat-y 553px top}


/*======= footer =======*/
#footer { height:90px; }

/*======= AWBS Specific Style =======*/
/******** search div ********/
div#blockDiv {
	position:absolute;
	width:270px;
	height:100px;
	border:1px solid #333333;
	background:#FFFFFF;
	text-align:center;
	z-index:1;
	visibility:hidden;
	top:-1000px;
}
div#blockDiv div#blockDivText {
	color:#000000;
	font-weight:700;
	display:block;
	padding:5px;
	margin:5px;
	height:40%;
	position:relative;
	display:block;
}
/******** Fancyform ********/
.checked, .unchecked, .selected, .unselected {
	padding:2px;
	padding-left:34px;
	background-position:12px center;
	background-repeat:no-repeat;
	border:0px;
	clear:both;
	cursor:pointer;
	font-weight:700;
}
.checked{
	background-color:transparent;
	background-image:url("../images/checkbox_on.gif");
}
.unchecked{
	background-color:transparent;
	background-image:url("../images/checkbox_off.gif");
}
.selected{
	background-color:transparent;
	background-image:url("../images/radiobox_on.gif");
}
.unselected{
	background-color:transparent;
	background-image:url("../images/radiobox_off.gif");
}
.leftcol{
	float:left;
	clear:left;
	width:50%;
}
.rightcol{
	float:left;
	clear:right;
	width:50%;
}
.width-100 { width:100%; }
.width-99  { width:99%;  }
.width-98  { width:98%;  }
.width-97  { width:97%;  }
.width-96  { width:96%;  }
.width-95  { width:95%;  }
.width-90  { width:90%;  }
.width-85  { width:85%;  }
.width-80  { width:80%;  }
.width-75  { width:75%;  }
.width-70  { width:70%;  }
.width-65  { width:65%;  }
.width-60  { width:60%;  }
.width-55  { width:55%;  }
.width-50  { width:50%;  }
.width-45  { width:45%;  }
.width-40  { width:40%;  }
.width-35  { width:35%;  }
.width-33  { width:33%;  }
.width-30  { width:30%;  }
.width-25  { width:25%;  }
.width-20  { width:20%;  }
.width-15  { width:15%;  }
.width-10  { width:10%;  }
.width-5   { width:5%;   }
.width-2   { width:2%;   }
.width-1   { width:2%;   }

.pb-2 { padding-bottom:2px; }
.pb-5 { padding-bottom:5px; }
.pb-10 { padding-bottom:10px; }
.pb-20 { padding-bottom:20px; }

.p-2 { padding:2px; }
.p-5 { padding:5px; }
.p-10 { padding:10px; }
.p-15 { padding:15px; }
.p-20 { padding:20px; }

.vlt { vertical-align:top; }
.vlm { vertical-align:middle; }
.vlb { vertical-align:bottom; }
.ac { text-align:center; }
.ar { text-align:right; }
.al { text-align:left; }

.w-20 { width:20px; }
.w-40 { width:40px; }
.w-60 { width:60px; }
.w-80 { width:80px; }
.w-90 { width:90px; }
.w-95 { width:95px; }
.w-98 { width:98px; }
.w-99 { width:99px; }
.w-100 { width:100px; }
.w-300 { width:300px; }
.h-10 { height:10px; }
.h-90 { height:10px; }

.login {	padding-top:0px; }
.login_credentials {
	margin:0 auto;
	padding:16px 16px 16px 200px;
	border:1px solid #333333;
	background:#EEEEEE url("../images/login_screen.png") no-repeat;
	background-position:30px center;
}
.enter {background:url("../images/login_l.png") no-repeat left;margin:8px 0px;width:90px; line-height:20px;}
.newaccount {background:url("../images/login_l.png") no-repeat left;margin:8px 0px;width:170px; text-align:left; line-height:20px;}
.enter_inner {background:url("../images/login_r.png") no-repeat right;padding:6px 0px 6px 8px; line-height:20px;}
.newacct_inner {background:url("../images/newacct_r.png") no-repeat right;padding:6px 0px 6px 8px; line-height:20px;}

.enter_inner input, .newacct_inner input {border:none;background:none;padding:0px;margin:0px;cursor:pointer;font-family:Tahoma;font-size:12px; text-align:left; line-height:20px;}
.enter_inner input:hover, .newacct_inner input:hover {border:none;background:none;padding:0px;margin:0px;cursor:pointer;font-family:Tahoma;font-size:12px; color:#000000; line-height:20px;}
ul.whyregister li {
	list-style-type:square;
	margin-left:10px;
}
table#doc {
	width:777px;
	margin:0 auto;
	min-width:776px;
	background-color:#FFFFFF;
	height:280px;
}
#mainData {
	width:777px;
	background:#FFFFFF;
	margin:0 auto;
	height:280px;
}
table#mainData td#mainTD, table#mainData td.mainTD {
	vertical-align:top;
	padding:5px;
	height:280px;
}
.alc {
	margin:0 auto;
}
table#mainData #tablehead {
	clear:both;
	background:#CCCCCC;
	border-bottom:1px solid #333333;
	line-height:21px;
	text-align:left;
	color:#000000;
	font-weight:700;
	padding-left:10px;
}
table#data td#data {
	vertical-align:top;
}
table#mainData table#data {
	border:1px solid #333333;
}
table.data {
	border:1px solid #333333;
	background:#FFFFFF;
}
table#data #tablehead {
	background:#CCCCCC;
	font-weight:700;
	color:#000000;
	height:25px;
}
.TabTitleBar a:link, .TabTitleBar a:hover, .TabTitleBar a:visited { color:#666666; }
table#mainData table.data td {
	border:0;
}
table.data td, table#mainData td {
	padding:5px;
}
table.data td, table#mainData td table td {
	padding:2px;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
#userPanel {
	padding:0;
	margin:0;
	border:1px solid #FFFFFF;
}
.tip {
	color:#fff;
	width:139px;
	z-index:13000;
}
.tip-title {
	font-weight:bold;
	font-size:11px;
	margin:0;
	color:#CCCCCC;
	padding:8px 8px 4px;
	background:url("../images/bubble.png") top left;
}
.tip-text {
	font-size:11px;
	padding:4px 8px 8px;
	background:url("../images/bubble.png") bottom right;
	text-align:left;
	color:#FFFFFF;
}
#userStats {
	padding:0;
	margin:0;
}
.childTab {
	border:0px;
	background:#FFFFFF;
	border-bottom:1px solid #FFFFFF;
}
.tab-wrapper {
	padding:3px;
	margin:0;
	border:1px solid #333333;
	border-top:2px solid #333333;
	clear:both;
}
.tab-menu {
	margin:0;
	padding:0;
	list-style:none;
	overflow:auto;
	display:block;
	background-image:none;
}
.tab-menu li {
	margin:0;
	padding:0;
	float:left;
	line-height:2em;
	background-image:none;
}
.tab-menu li a {
	padding:0.5em;
	font-weight:bold;
	margin:0;
	background:#CCCCCC;
	border-left:1px solid #333333;
	color:#333333;
}
.tab-menu li a:hover,
.tab-menu li a:focus {
	background:#666666;
	color:#FFFFFF;
	text-decoration:none;
	border-left:1px solid #000000;
}
.tab-menu li.tab-selected a {
	text-decoration:none;
	color:inherit;
	background:#333333;
	border-left:0px;
	color:#CCCCCC;
}
/*paging*/
div.paging {
	background-color:#FFFFFF;
	border-top:solid 1px #FFFFFF;
	border-bottom:solid 1px #FFFFFF;
	display:block;
	min-width:550px;
}
div.paging ul#paging {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:white;
	text-align:center;
	margin:0;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:0px;
}
div.paging ul#paging li {
	display:inline;
	margin:1px;
	font-size:0.75em;
	background-image:none;
}
div.paging ul#paging li.active {
	background:#000000;
	border:1px solid #abc8e1;
	padding:5px 10px 5px 10px;
	color:#FFFFFF;
	font-weight:700;
}
div.paging ul#paging li a,
div.paging ul#paging li.previous-off,
div.paging ul#paging li.next-off  {
	padding:5px 10px 5px 10px;
	color:#000000;
	text-decoration:none;
	border:1px solid #abc8e1;
}
div.paging ul#paging li.previous-off,
div.paging ul#paging li.next-off  {
	border:1px solid #abc8e1;
	color:#888888;
}
div.paging ul#paging li a:hover {
	background:#333333;
	border:1px solid #000000;
	color:#FFFFFF;
}
.boxtitle, td.boxtitle {
	clear:both;
	background:#0099FF;
	border-bottom:1px solid #333333 !important;
	line-height:20px;
	text-align:left;
	color:#000000;
	font-weight:700;
}
.boxtitle a.boxlink, a.boxlink, a.boxlink:visited { color:#333333; text-decoration:none; }
.boxtitle a:hover, a.boxlink:hover { color:#003333; text-decoration:none; }

.row_0, .row1_0 {
	background-color:#FFFFFF;
}
.row_1, .row1_1 {
	background-color:#EEEEEE;
}
tr.row1_0 td {
	background-color:#FFFFFF;
}
tr.row1_1 td {
	background-color:#EEEEEE;
}
.info, .success, .warning, .error, .validation, .alert, .done, .validation, .failure {
    border:1px solid;
    padding:15px 10px 15px 50px;
    background-repeat:no-repeat;
    background-position:10px center;
	width:90%;
	margin:0 auto;
	margin-top:5px;
	margin-bottom:5px;
}
.info.sm, .success.sm, .warning.sm, .error.sm, .validation.sm, .alert.sm, .done.sm, .validation.sm, .failure.sm {
	width:80%;
}
.info {
    color:#00529B;
    background-color:#BDE5F8;
    background-image:url("../images/info.jpg");
}
.success, .done {
    color:#4F8A10;
    background-color:#DFF2BF;
    background-image:url("../images/success.jpg");
}
.warning, .alert {
    color:#9F6000;
    background-color:#FEEFB3;
    background-image:url("../images/warning.jpg");
}
.error, .failure {
    color:#D8000C;
    background-color:#FFEEEE;
    background-image:url("../images/error.jpg");
}
.validation {
    color:#D63301;
    background-color:#FFCCBA;
}
.welcomeDomainSearch { width:80%; }
ul.autocompleter-choices {
	position:absolute;
	margin:0;
	padding:0;
	list-style:none;
	border:1px solid #7c7c7c;
	border-left-color:#c3c3c3;
	border-right-color:#c3c3c3;
	border-bottom-color:#ddd;
	background-color:#fff;
	text-align:left;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	z-index:50;
	background-color:#fff;
}
ul.autocompleter-choices li {
	position:relative;
	margin:-2px 0 0 0;
	padding:0.2em 1.5em 0.2em 1em;
	display:block;
	float:none !important;
	cursor:pointer;
	font-weight:normal;
	white-space:nowrap;
	font-size:1em;
	line-height:1.5em;
}
ul.autocompleter-choices li.autocompleter-selected {
	background-color:#444;
	color:#fff;
}
ul.autocompleter-choices span.autocompleter-queried {
	display:inline;
	float:none;
	font-weight:bold;
	margin:0;
	padding:0;
}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried {
	color:#9FCFFF;
}
div.yourstats, div.restrans {
	padding-left:20px;
	font-weight:700;
	font-size:1.1em;
	margin-bottom:8px;
}

div.yourstats {	background:url("../images/stats-trans.png") left no-repeat; border-bottom:1px dotted #333333; }
div.restrans {	background:url("../images/transactions-trans.png") left no-repeat; border-top:1px dotted #333333; }
.rtrntomgmt, .rtrntomgmt:hover, .rtrntomgmt:visited {
	background:url("../images/return-trans.png") left no-repeat;
	padding-left:20px;
	color:#FF0000;
	text-align:left;
	height:15px;
	padding-bottom:5px;
	text-decoration:none;
	margin:0 auto;
	margin-top:5px;
	width:160px;
	display:block;
}


/*======= End AWBS Specific Style =======*/
/*Start Jquery Slidemenu*/
#myslidemenu{
margin:114px 0 0 55px;
position:absolute;
font: bold 12px Verdana;
/*background: #414141;*/
width: 100%;
z-index:99;
}
/* all menu links */
#nav a, #subMenusContainer a{
	text-decoration:none;
	display:block;
	padding:10px 20px;
/*	background-color:#fff ;*/
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav a{
	margin:0;
	float:left;	
}

/* Just sub menu links */
#subMenusContainer a, #nav li li a{
	text-align:left;
}

/* All menu links on hover or focus */
#nav a:hover, #nav a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus, #nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused{
	background-color:#F6C739;
	color:#000000;
}

/* sub menu links on hover or focus */
#subMenusContainer a:hover, 
#subMenusContainer a:focus, 
#nav a.mainMenuParentBtnFocused, 
#subMenusContainer a.subMenuParentBtnFocused,
#nav li a:hover,
#nav li a:focus{
	background-color:#F6C739;
	color:#000000;
}

/* Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn{ 
	background: url(../images/images/arrow_right.gif) right center no-repeat;  
}

/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused{ 
	background: url(../images/images/arrow_right_over.gif) right center no-repeat;  
}

/* Parent Main Menu Links ---[javascript users only]*/
.mainMenuParentBtn{	
	 background: url(../images/images/arrow_down.gif) right center no-repeat; 
}

/* Parent Main Menu Links on hover or focus ---[javascript users only]*/
.mainMenuParentBtnFocused{	
	background: url(../images/images/arrow_down_over.gif) right center no-repeat; 
}

/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{ 
	display:none; 
	position: absolute; 
	overflow:hidden; 
	/*the 2px left & right padding lets you have a 1px border 
	  on the ul or ol inside since overflow is set to hidden*/
	padding:0 2px;
	margin:0 0 0 -2px;
}


/* All ULs and OLs */
#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
}

/* All submenu OLs and ULs */
#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {	
	/*border around submenu goes here*/	 
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background:#fff;	
	border:1px solid #C3D46A;
	left:0;
}


/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#nav li { 
	/*great place to use a background image as a divider*/
	display:block;
	list-style:none;
	position:relative;
	float:left;
}

#subMenusContainer li{
	list-style: none;
}

/* main menu ul or ol elment */
#nav{
	display:block;
	position: absolute;
	list-style:none;
	margin:0 0 0 0;
	z-index:99;
	top:0px;
/*	left:50%; */
	text-align: center;
	display:block;
}

#subMenusContainer{	display:block; 	position:absolute;	top:0;	left:0;	width:100%;	height:0;	overflow:visible;	z-index:1000000000; }


/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#nav li li{	float:none; }

#nav li li a{ /* Just submenu links*/	
	position:relative;
	float:none;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top:2.2em;
}

/* third-and-above-level lists */
#nav li ul ul { margin: -1em 0 0 -1000em; }
#nav li:hover ul ul {	margin-left: -1000em; }

 /* lists nested under hovered list items */
#nav li:hover ul{	margin-left: 0; }
#nav li li:hover ul {	margin-left: 10em; margin-top:-2.5em;}

/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul {  margin-left: 0; margin-top:2.2em; }
#nav li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
#nav li li a:focus {left:0;  margin-left:1000em; width:10em;  margin-top:0;}
#nav li li li a:focus {left:0; margin-left: 2010em; width: 10em;  margin-top:-1em;}
#nav li:hover a:focus{ margin-left: 0; }
#nav li li:hover a:focus + ul { margin-left: 10em; }

/*======= Start Baloon Style =======*/
.balloonstyle{
position:absolute;
top: -500px;
left: 0;
padding: 5px;
visibility: hidden;
border:1px solid black;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color: white;
width: 200px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}
/*======= End Baloon Style =======*/
