﻿body {	margin: 0px; background: url( images/top-bg.gif) repeat-x top #e7e2c0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666;text-decoration:none}


#main{ width:911px; margin:0px auto; position:relative}



#contact{ background:url( images/contact-no.gif) no-repeat; width:249px; height:41px;font-family:Arial, Helvetica, sans-serif; letter-spacing:4px; font-size:24px; color:#FFFFFF;text-decoration:none; font-weight:normal}



a{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#cc0000; text-decoration:none;  }

a:hover{ text-decoration:underline}

.text_area{ border:#CCCCCC solid 1px;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666;text-decoration:none}

.button{ background:url( images/butt-bg.gif) repeat-x; height:21px; border:#CCCCCC solid 1px;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;text-decoration:none; font-weight:bold}


.td-bor{ border:#cccccc solid 1px;}

.tred{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#cc0000; text-decoration:none;}


.bor-t-b{border:#cccccc dotted 1px; border-right:none; border-left:none; padding:5px 0px 5px 0px}

.bor-bottom{ border-bottom:#CCCCCC dotted 1px; padding-bottom:2px}

.img-bor{ border:#CCCCCC solid 1px; padding:2px;}

.tg12{font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#666666;text-decoration:none}


h1{ font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#ff6600; text-decoration:none; margin:0px; padding:0px; font-weight:normal}
h2{ font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#ff6600; text-decoration:none; margin:0px; padding:0px; font-weight:normal}



.link {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#cc0000  }
.link a{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#cc0000; text-decoration:none; line-height:20px; }
.link a:hover{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; text-decoration:none;  }

.link2 {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration:none; }
.link2 a{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration:underline; line-height:20px; }
.link2 a:hover{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; text-decoration:none;  }



#footer{ background:url( images/footer-bg.gif) repeat-x; height:66px; margin-top:20px;}






#topnav {list-style-image:none;list-style-position:outside;list-style-type:none;margin:0px;padding:0; overflow:hidden; width:800px; height:53px }
#topnav ul {float:left;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0px;padding:0px; width:900px;}
#topnav li {display:inline;margin:0px;padding:0px;background:url( images/header-nav-1.gif) no-repeat scroll left top;}

#topnav a {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; text-decoration:none;float:left;margin:0px 0px 0px 0px;padding:0 0 0 6px;text-decoration:none;background:url( images/header-nav-1.gif) no-repeat scroll left  -53px;}
#topnav a div{ background: url( images/header-nav-2.gif) repeat-x right -53px; height:53px; float:left }
#topnav a div span {font-family:Arial, Helvetica, sans-serif; font-size:21px; font-weight:normal;  text-decoration:none;cursor:pointer;float:left;font-family:Arial, Helvetica, sans-serif; font-size:21px; color:#FFFFFF; text-decoration:none; cursor:pointer; padding:12px 22px 8px 14px;text-decoration:none;background:url( images/header-nav-3.gif) no-repeat scroll right -53px;height:53px}
#topnav a:hover { background: url( images/header-nav-1.gif) no-repeat scroll left top;height:53px}
#topnav a:hover div{ background: url( images/header-nav-2.gif) repeat-x right top ;height:53px  }
#topnav a:hover div span {background: url( images/header-nav-3.gif) no-repeat scroll right top;font-family:Arial, Helvetica, sans-serif; font-size:21px; color:#FFFFFF; text-decoration:none; cursor:pointer }
#topnav .current a {background: url( images/header-nav-1.gif) no-repeat scroll left top;}
#topnav .current a div{ background: url( images/header-nav-2.gif) repeat-x right top; }
#topnav .current a div span {background: url( images/header-nav-3.gif) no-repeat scroll right top;color:#FFFFFF;cursor:pointer;}



/* My account Button */
.MyAccountLink
{
   font-size:14px;
   font-weight:bold;
   color:#FFFFFF;
   height:30px;
   padding:3px;
   background-color:#FF6901;
   border-top-style:solid;
   border-top-color:#B20E08;
   border-top-width:1px;
   border-bottom-style:solid;
   border-bottom-color:#B20E08;
   border-bottom-width:1px;
   border-left-style:solid;
   border-left-color:#B20E08;
   border-left-width:18px;
   border-right-style:solid;
   border-right-color:#B20E08;
   border-right-width:1px;
   text-decoration:none;
   cursor:pointer;
}

.MyAccountLink:hover
{
	text-decoration:none;
}

.ButtonStyle
{
   font-size :12px;
   font-weight:bold;
   color:#FFFFFF;
   background-color:#B20E08;
   border-top-style:double;
   border-top-color:#B20E08;
   border-top-width:4px;
   border-bottom-style:double;
   border-bottom-color:#B20E08;
   border-bottom-width:4px;
   border-left-style:solid;
   border-left-color:#B20E08;
   border-left-width:4px;
   border-right-style:solid;
   border-right-color:#B20E08;
   border-right-width:4px;
}

/*Orange portal control */
.orangeBox
{
	border: 1px solid #ffd7b4;
	margin-bottom: 15px;
		
}

.orangeBox .title
{
	background: #FF6901 url(images/topMenuItemHover.gif) 0% 40% repeat-x;
	padding: 3px 5px;
	font-size: 14px;
	margin-top: 0px;
	margin-bottom:0px;
	color: white;
}

.orangeBox .content
{
	padding: 5px;
}

/* Tabs on Profile Page */
.TabsContent
{
	border: 1px solid #cccccc;
	width: 570px;
	padding: 15px;
}

.TabsContent .FieldLabel
{
	font-weight: bold;
}

.TabsContent .UniGridHead
{
	color: White;
	background:#000000 url(../App_Themes/CorporateSite/Images/genbackground.gif) repeat-x scroll left top;
}

.TabsContent .Grid
{
	width: 100%;
	border: 1px solid #aaa
}

.TabsContent .OddRow
{
	background-color: #eee;
}
.TabControlTable
{
	height: 25px;
	background: url(images/tabmenu_item_bg.gif) repeat-x center left;
	padding: 0;
	margin: 0;
}

.TabControlLeft, .TabControlRight, .TabControlSelectedLeft, .TabControlSelectedRight
{
	display: none;
}

.TabControl
{
	background: url(images/tabmenu_item_bg.gif) repeat-x center left;
	padding: 0px 10px 0px 10px;
}

.TabControlSelected
{
	background: url(images/tabmenu_item_active_bg.gif) repeat-x center left;
	padding: 0px 10px 0px 10px;
}

.TabControlTable a
{
	color: #ffffff;
	text-decoration: none;
	font-size: 14px;
	font-weight:bold;
}





