@charset "utf-8";

/*
Website: RedPrairie.com
Title: Default CSS
Date: September 2011
Author: Atikom Juntakool (ajuntakool@extractable.com)
Version: 2.0
*/

/*----------------- CSS NORMALIZER -----------------*/
/*
- cancels default styles applied to page elements
- adjusts default elements between browsers to same baseline
*/

div, dl, dt, dd, ul, ol, li, pre, hr, form, fieldset, input, th, td {margin:0; padding:0;}
address, caption, cite, code, dfn, th, var {font-style:normal; font-weight:normal;}
table {border-collapse:collapse; border-spacing:0; font-size:inherit; font-size:100%;}
select, input, textarea {font:99% verdana,geneva,sans-serif;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-size:100%; font-weight:normal;}
fieldset, img {border:0;}
img {vertical-align:middle;}
select, .inputStyle {border:1px solid #7F9DB9; background:#FFF; padding:.1em; margin:.1em 0 .1em .2em;}
legend {display:none;}
.skipNavigation {position:absolute; left:0px; top:-500px; overflow:hidden;}
select {background:#FFF;}
.floatLeft	{ float: left; }
.floatRight { float: right; }
.png		{ _behavior: url(/common/css/iepngfix.htc); }
.cleaner	{ clear: both; _font-size: 1%; }
.clear5		{ clear: both; height: 5px; _font-size: 1%; }
.clear10	{ clear: both; height: 10px; _font-size: 1%; }
.tabClear	{ clear: both; height: 5px; _font-size: 1%; }
a			{ outline: none; }
label 		{ cursor: pointer; }

/*----------------- DEFAULT -----------------*/
body	{ margin: 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #666666; }
body.home	{ background: url(img/bg-body.png) repeat-x; _behavior: url(/common/css/iepngfix.htc); }
h1		{ margin: 0 0 9px 0; padding: 0; color: #222222; font-size: 20px; line-height: 24px; }
h2		{ margin: 0; padding: 0; color: #666666; font-size: 18px; font-weight: bold; line-height: 20px; }
h3		{ margin: 0; padding: 0; color: #666666; font-size: 14px; font-weight: normal; line-height: 20px; }
h4		{ margin: 0; padding: 0; color: #666666; font-size: 12px; font-weight: bold; line-height: 20px; }
h5		{ margin: 0; padding: 0; color: #6e6e6e; font-size: 12px; font-weight: normal; line-height: 20px; }
h6		{  }
p		{ margin: 0; padding: 0; line-height: 20px; }

/*----------------- LINKS -----------------*/
a		{ color: #cc0000; text-decoration: none; }
a:hover	{ text-decoration: underline; }
a.extlink                               { color:#999; background: url(img/icon-extlink.gif) right center no-repeat; padding-right: 12px; }

/*----------------- CONTAINER -----------------*/
#homeBGWrapper			{ width: 100; position: relative; z-index: 1; }
#homeBGWrapper .homeBG	{ position: absolute; top: 94px; left: 0; width: 100%; height: 392px; z-index: 0; }
#wrapper			{ width: 100%; z-index: 2; position: relative;  }

.wrapperHero	{ width: 100%; margin: 0; padding: 0; background: url(img/bg-wrapperHero.gif) top repeat-x #fcfcfc; }
.wrapperCont	{ width: 100%; margin: 0; padding: 0; background: url(img/bg-wrapperCont.gif) top repeat-x; }

.InvInner			{ width: 947px; margin: 0 auto; }
.InvInner2			{ width: 947px; margin: 0 auto; position: relative; z-index: 20; }

/*----------------- HEADER -----------------*/
#header	{ width: 947px; height: 94px; margin: 0 auto; position: relative; z-index: 1000; }
#header .logo { width: 185px; height: 31px; position: absolute; top: 45px; left: 0px; z-index: 500; }

/*----------------- FORM -----------------*/

/* Global Search */
.searchWrap			{ background: #bebebe; width: 185px; height: 27px; position: absolute; top: 12px; right: 0px; border: 1px solid #FFF; }
form#search 		{ position:relative; }

div#searchfieldWrap	{ width: 150px; position: absolute; top: 6px; left: 8px; }
input#searchfield 	{ border: 0;  background: #bebebe; font-size: 11px; color: #FFF; }
div#searchfieldWrap input { border: 0;  background: #bebebe; font-size: 11px; color: #FFF; }

div#btngoWrap		{ position: absolute; top: 0px; right: 0px; }
input#btngo			{ width: 27px; height: 27px; }
label.overlabel 	{ position:absolute; top:0px; left:0px; color: #000; font-size: 11px; text-indent: -1000; display: none; }

/* Stay in touch */
.socialWrap			{ float: left; width: 200px; }
form#social 		{ position:relative; }
.socialWrap label	{ width: 45px; display: block; float: left; }

div#namefieldWrap	{ float: left; width: 189px; height: 19px; background: url(img/bg-form-inputSocial.gif) no-repeat right; margin:13px 0 3px 0; }
input#namefield 	{ float: right; width: 130px; border: 0;  background: none; font-size: 11px; color: #666; padding: 2px 5px 0 0; }

div#emailfieldWrap	{ float: left; width: 189px; height: 19px; background: url(img/bg-form-inputSocial.gif) no-repeat right; margin-bottom: 10px; }
input#emailfield 	{ float: right; width: 130px; border: 0;  background: none; font-size: 11px; color: #666; padding: 2px 5px 0 0; }

div#btnstayWrap			{ float: left; witdh: 189px; margin: 0; padding: 0; }
input#btnstay			{ width: 189px; height: 22px; }

/*----------------- HERO HOME -----------------*/
#heroHome	{ width: 947px; margin: 0 auto; }
.shadowHome	{ background: url(img/bg-heroShadow.png) repeat-x; width: 100%; height: 40px; position: absolute; top:94px; left: 0; float: left; display: block; _behavior: url(/common/css/iepngfix.htc); z-index: 10; }

/*-------------- ROTATE HERO HOMEPAGE  --------------*/
ul.css-heroHome 	{ margin: 0; padding:0; height:14px; position: absolute; top: 104px; right: 430px; z-index: 100; }
ul.css-heroHome li { float:left; padding:0; margin:0 0 0 3px; list-style-type:none; }
ul.css-heroHome a 	{ float:left; font-size:11px; line-height: 14px; display:block; padding:0 6px; text-decoration:none; height:14px; color:#cc0000; background: url(img/bg-number.gif); cursor: pointer; }
ul.css-heroHome a:hover, ul.css-heroHome a.current { background: url(img/bg-numberSelected.gif); color:#000; }
div.css-heroHomepanes div { display:none; float: left; width: 937px; margin: 0; }

/* Hero Home LeftContent */
.css-heroHomepanes .left		{ float: left; width: 512px; padding: 16px 0 0 0; display: block; }
.css-heroHomepanes .left h1	{ font-size: 28px; line-height: 30px; color: #FFF; font-weight: normal; margin-top: 59px; z-index: 0;  }
.css-heroHomepanes .left p	{ font-size: 14px; line-height: 20px; color: #FFF; }
.css-heroHomepanes .left p a, .css-heroHomepanes .left p a:visited	{ color: #FFF; text-decoration: none; }
.css-heroHomepanes .left p a:hover { text-decoration: underline; }
.css-heroHomepanes .left img	{ margin: 0 0 9px 0; }

/* Hero Home RightImage */
.css-heroHomepanes .right		{ float: right; width: 411px; display: block; }
.css-heroHomepanes .right img	{ border: solid #eaeaea; border-width: 0 5px; }

.css-heroHomepanes .leftext		{ float: left; width: 940px; padding:0; }
.css-heroHomepanes .leftext h1	{ font-size: 24px; line-height: 25px; color: #FFF; font-weight: bold; margin-top: 25px; }

/*----------------- TAB: HOMEPAGE ----------------*/
#tabIntroWrap		{ float: left; width: 972px; margin: -60px 0 0 -12px; }

/* Tab Shadows */
.fillTabWrap	{ float: left; width: 972px; }
.fillTabLeft	{ float: left; background: url(img/bg-filltabLeft.png) left top no-repeat; width: 13px; height: 61px; _behavior: url(/common/css/iepngfix.htc);}
.fillTabRight	{ float: left; background: url(img/bg-filltabRight.png) no-repeat; width: 12px; height: 61px;_behavior: url(/common/css/iepngfix.htc); }

/* Main Tab Homepage */
ul.tabIntroBody 	{ float: left; list-style: none; padding: 0; margin: 0; background: url(img/bg-tabhomeMain.png) repeat-x; _behavior: url(/common/css/iepngfix.htc);}
ul.tabIntroBody li { float: left; }
ul.tabIntroBody li a { float: left; text-decoration: none; margin: 0; padding: 9px 29px 0 29px; background: url(img/bg-tabhomeMain_li.png) right no-repeat; font-size: 18px; color: #cc0000; height: 52px; line-height: 53px; }
ul.tabIntroBody li a.current, ul.tabIntroBody li a:hover { background: url(img/bg-tabhomeMain_liOver.png) right no-repeat; color: #000; }
li.tabIntroBody li a:focus 	{ outline: 0; }

/* Main Tab Homepage Content */
.tabIntroContent		{ float: left; width: 896px; background: url(img/bg-tabIntroBody.png) repeat-y; padding: 27px 38px; }
.tabIntroContent h2			{ margin-bottom: 10px; }
.tabIntroContent h3			{ line-height: 24px; margin-bottom: 7px; }
.tabIntroContent p.large	{ font-size: 18px; line-height: 24px; margin: 4px 0 27px 0; }

.tabIntroContent ul	{ margin: 0px; padding: 0; list-style: none; }
.tabIntroContent ul li	{ font-size: 11px; line-height: 18px; color: #666; margin-bottom: 7px; padding: 0 0 0 12px; background: url(img/icon-rightNavli1.gif) no-repeat left 7px; }
.tabIntroContent ul li a, .tabIntroContent ul li a:visited	{ color:#999; }

/* 3 Boxes Module */
.tabIntroContent .threeBoxesTab .BoxTab	{ float: left; width: 270px; margin-right: 20px; padding-left: 12px; border-left: 1px solid #e3e3e3; min-height: 159px; }
.tabIntroContent .threeBoxesTab .BoxTab p	{ margin-bottom: 12px; }
.tabIntroContent .threeBoxesTab .BoxTab img 			{ margin: 10px 0 7px 0; }
.tabIntroContent .threeBoxesTab .BoxTab img.imgfloatLeft 	{ float: left; clear: both; margin: 0px 10px 7px 0; }

/* 4 Boxes Module */
.tabIntroContent .fourBoxesTab .BoxTab	{ float: left; width: 200px; margin-right: 18px; padding-left: 10px; border-left: 1px solid #e3e3e3; }
.tabIntroContent .fourBoxesTab .BoxTab p	{ margin-bottom: 12px; }
.tabIntroContent .fourBoxesTab .BoxTab img 	{ margin: 10px 0 7px 0; }

/* 4 Boxes Module no line */
.tabIntroContent .fourBoxesTab2 .BoxTab	{ float: left; width: 212px; margin-right: 12px; padding: 0px; }

.subBox	{ float: left; width: 212px; height: 76px; background: url(img/bg-industriesButton.jpg) no-repeat; position: relative; margin-bottom: 18px; }
.subBox img	{ position: absolute; top: 11px; left: 8px; }
.subBox p a, .subBox p a:visited	{ display: block; }
.subBox p a:hover	{ text-decoration: none; color: #000; }
.subBox .subboxInner		{ position: absolute; height: 60px; width: 110px; left: 96px; top: 11px; }
.subBox .subboxInner p		{ font-size: 14px; font-weight: bold; }
.subBox .subboxInner p.oneLine	{ line-height: 20px; margin: 20px 0 0 0; padding: 0; }
.subBox .subboxInner p.twoLine	{ line-height: 20px; margin: 10px 0 0 0; padding: 0; }
.subBox .subboxInner p.threeLine	{ line-height: 20px; margin: 0; padding: 0; }

.tabIntroContent .BoxTab.firstBox	{ border: none; padding-left: 0; }
.tabIntroContent .BoxTab.lastBox	{ margin-right: 0px; }

#tabIntroFooter		{ float: left; width: 972px; height: 33px; background: url(img/bg-tabhomeFooter.png) left bottom no-repeat; _behavior: url(/common/css/iepngfix.htc);}

/*----------------- FOOTER COMBINE HOMEPAGE ----------------*/
#footerCombine	{ width: 945px; background: url(img/bg-tabHome.gif) top repeat-x #dfdfdf; padding: 0 0 40px 0; margin: 20px auto 0 auto; border: 1px solid #e4e4e4; }
#footerCombine p.titleCombine	{ background: #bcbcbc; display: block; margin: 0; padding-left: 13px; color: #000; font-size: 11px; line-height: 22px; border-bottom: 1px solid #f6f6f6; }
#footerCombine p		{ font-size: 11px; }
#footerCombine ul	{ list-style: none; margin: 0; padding: 0; }
#footerCombine li	{ line-height: 17px; font-size: 11px; }
#footerCombine li a	{ color: #999; }
#footerCombine table	{ width: 905px; margin: 20px 0 0 20px; }

/*----------------- HERO LANDING -----------------*/
#heroWrapper			{ width: 100%; margin: 0; }
#heroWrapper .shadow	{ background: url(img/bg-heroShadow.png) repeat-x; width: 100%; height: 40px; position: absolute; top:94px; left: 0; _behavior: url(/common/css/iepngfix.htc); z-index: 10; }

/* Options for background images */
#heroWrapper.red	{ background: url(img/bg-red.jpg); }
#heroWrapper.redflash	{ background: url(img/bg-menulanding.gif) no-repeat center #cc0000; }
#heroWrapper.green	{ background: url(img/bg-green.jpg); }
#heroWrapper.yellow	{ background: url(img/bg-yellow.jpg); }
#heroWrapper.blue	{ background: url(img/bg-teal.jpg); }
#heroWrapper.amber	{ background: url(img/bg-amber.jpg); }
#heroWrapper.teal	{ background: url(img/bg-aqua.jpg); }

#heroWrapper ul			{ margin: 9px 0 0 0; padding: 0; list-style-type: none; }
#heroWrapper ul li		{ float: left; margin-right: 2px; }
#heroWrapper ul li a, #heroWrappern ul li a:visited { height: 43px; display: block; font-size: 14px; line-height: 16px; padding: 13px 12px 0 12px; color: #FFF; text-decoration: none; background: url(img/bg-tabLanding.png) repeat-x; color: #cc0000; }
#heroWrapper ul li a:hover	{ color: #000000; }

/* Hero Landing LeftContent */
#heroWrapper .left		{ float: left; width: 505px; padding: 16px 0 0 0; }
#heroWrapper .left h1	{ font-size: 20px; line-height: 22px; color: #FFF; font-weight: bold; }
#heroWrapper .left p	{ font-size: 14px; line-height: 20px; color: #FFF; }
#heroWrapper .left img	{ margin: 0 0 9px 0; }
.imgfloatLeft	{ margin-right: 15px; float: left; clear: both; }

.title 	{ font-size:24px; font-family: Arial; color: #FFF; }
.sIFR-active .title { visibility: hidden; font-family: Verdana; line-height: 25px; color: #FFF; font-weight: bold; }

/* Hero Landing RightImage */
#heroWrapper .right		{ float: right; width: 411px; }
#heroWrapper .right img	{ border: solid #eaeaea; border-width: 0 5px; }

#heroWrapper .leftext		{ float: left; width: 940px; padding:0; }
#heroWrapper .leftext h1	{ font-size: 24px; line-height: 25px; color: #FFF; font-weight: bold; margin-top: 25px; }
.imgfloatLeft				{ margin:15px 15px 15px 0; float: left; clear: both; }

/*----------------- MODULE HOME -----------------*/
#moduleHome	{ width: 970px; height: 128px; margin: 0 auto; background: url(img/bg-moduleHome.jpg) top left no-repeat; }
#moduleHome .inner	{ float: left; width: 946px; margin: 0 0 0 12px; }
.inner p a, .inner p a:visited	{ color:#999999; }
.inner .box			{ float: left; width: 275px; margin: 34px 20px; }
.inner .boxlast		{ float: left; width: 275px; margin: 34px 0 0 20px; }
.inner .left		{ float: left; width: 92px; }
.inner .right		{ float: left; width: 175px; }

/*----------------- MAIN CONTENT -----------------*/
#MainContentWrap	{ width: 938px; margin: 0 auto; padding:0 47px 0 55px; background: url(img/bg-LandingMainContent.jpg) top no-repeat; }

.leftContent			{ float: left; width: 675px; padding: 0; }
.leftContent p			{ margin: 0; padding: 0 0 16px 0px; line-height: 20px; }
.leftContent p.openpage	{ font-size: 14px; line-height: 22px; /*padding-top: 10px;*/ }
.leftContent img		{ margin-top: 3px; }
/*----------------- SIMPLE MODULE  -----------------*/
.simpleModule	{ float: right; width: 215px; background: #f0f0f0; margin: 0 0 0 26px; color: #6f6f6f; padding: 7px; }
.simpleModule.border	{ border-left: 5px solid #CC0000; }
.simpleModule img	{ padding-bottom: 7px; }
.simpleModule h4	{ margin: 0 8px; }
.simpleModule p		{ margin: 0 8px; }
.simpleModule ul	{ margin: 0 8px; padding: 0 0 16px 0; list-style: none; font-size: 11px; }
.simpleModule ul li	{}
.simpleModule ul li a, .simpleModule ul li a:visited	{ color: #666; padding: 0 9px 0 0; background: url(img/icon-raquo.gif) no-repeat right center; line-height: 18px; }

/*----------------- SIMPLE MODULE NARROW  -----------------*/
.simpleNarrow	{ float: left; width: 170px; background: #f0f0f0; margin: 0 18px 0 0; color: #6f6f6f; }
.simpleNarrow img	{ border-left: 5px solid #cc0000; margin-bottom: 7px; max-width: 165px; }
.simpleNarrow p		{ margin: 0 8px; }
.simpleNarrow ul	{ margin: 0 8px; padding: 0 0 16px 0; list-style: none; font-size: 11px; }
.simpleNarrow ul li	{}
.simpleNarrow ul li a, .simpleNarrow ul li a:visited	{ color: #666; padding: 0 9px 0 0; background: url(img/icon-raquo.gif) no-repeat right center; line-height: 18px; }

/*----------------- SIMPLE MODULE NARROW2  -----------------*/
.simpleNarrow2	{ float: left; width: 170px; background: #f0f0f0; margin: 0 18px 0 0; color: #6f6f6f; }
.simpleNarrow2 img	{ border-left: 5px solid #cc0000; margin-bottom: 7px; max-width: 165px; }
.simpleNarrow2 h4	{ margin: 0 8px; }	
.simpleNarrow2 p	{ margin: 0 8px; }
.simpleNarrow2 ul	{ margin: 0 8px; padding: 0 0 16px 0; list-style: none; font-size: 11px; }
.simpleNarrow2 ul li	{}
.simpleNarrow2 ul li a, .simpleNarrow2 ul li a:visited	{ color: #666; padding: 0 0 0 9px; background: url(img/icon-rightNavli1.gif) no-repeat left center; line-height: 18px; }

/*----------------- SIMPLE MODULE NARROW3  -----------------*/
.simpleNarrow3                { float: right; width: 155px; background: #f0f0f0; margin: 0 0 0 18px; color: #6f6f6f; }
.simpleNarrow3 img       { border-left: 5px solid #cc0000; margin: 0; max-width: 150px; }
.simpleNarrow3 h4          { margin: 0 8px; }              
.simpleNarrow3 p            { margin: 0 8px; text-align: center; }
.simpleNarrow3 ul           { margin: 0 8px; padding: 0 0 16px 0; list-style: none; font-size: 11px; }
.simpleNarrow3 ul li        {}
.simpleNarrow3 ul li a, .simpleNarrow3 ul li a:visited        { color: #666; padding: 0 0 0 9px; background: url(img/icon-rightNavli1.gif) no-repeat left center; line-height: 18px; }


table.news         { width: 100%; background: #FFF; font-size: 11px; line-height: 17px; color: #555555; }
table.news tr.line            { border-bottom: 1px solid #dfdfdf; }
table.news td    { padding: 7px 7px 7px 0; vertical-align: top; }
table.news td.head        { padding: 20px 7px 7px 0; }
table.news img{ margin: 5px 10px 0 0; }
table td.newsdate { width: 45px;}


/*----------------- 2 COLUMNS MODULE  -----------------*/
.moduleWideWrap		{ float: left; width: 674px; clear: both; }

/* 2 BLANK WIDE MODULE */
.moduleWide                                    { width: 330px; margin-top: 20px; }
.moduleWide img                            { margin-bottom: 10px; padding-bottom: 0; }
.moduleWide img.imgfloatLeft { margin: 0; padding:5px 10px 10px 0; }
.moduleWide img.imgfloatRight { margin: 0; padding:5px 0 10px 10px; }
.moduleWide ul                { margin: 0; padding: 0 0 16px 0; list-style: none; }
.moduleWide ul li             {}
.moduleWide ul li a, .moduleWide ul li a:visited  { color: #666; padding: 0 9px 0 0; background: url(img/icon-raquo.gif) no-repeat right center; line-height: 18px; }

/* 2 COLOR WIDE MODULE */
.modulewideGrey		{ width: 289px; border-left: 4px solid #cc0000; padding: 14px 20px; margin-bottom: 30px; background: #f0f0f0; }

/*----------------- 3 COLUMNS MODULE  -----------------*/
.bg3column	{ background: url(img/bg-3columnmodules.gif) center repeat-y; }

/* 3 BLANK MODULE */
.moduleSmall		{ width: 200px; }
.first	{ margin-right: 37px; }

/*----------------- RIGHT COLUMN  -----------------*/
.rightContent	{ float: right; width: 235px; padding-top: 25px; font-size: 11px; }
.rightContent .inner	{ float: left; width: 235px; padding: 17px 0 0 0; background: url(img/bg-rightInnerx.gif) repeat-x top #fefefe; }
.rightContent sub, .rightContent #creditfooter {display:none;}

/*----------------- RIGHT NAV  -----------------*/
.rightNav	{ float: left; width: 192px; margin: 0 0 14px 22px; padding: 0 0 15px 0; background: url(img/bg-rightInner.gif) left bottom no-repeat; }
.rightNav ul	{ margin: 0; padding: 0; list-style: none; }

.rightNav ul li	{}
.rightNav ul li a, .rightNav ul li a:visited	{ color: #666; padding: 0 0 0 12px; background: url(img/icon-rightNavli1.gif) no-repeat left center; line-height: 20px; display: block;}
.rightNav ul ul li a, .rightNav ul ul li a:visited	{ color: #666; padding: 0 0 0 18px; background: url(img/icon-rightNavli2.gif) no-repeat 12px center; line-height: 20px; display: block;}	
.rightNav ul ul ul li a, .rightNav ul ul ul li a:visited	{ color: #666; padding: 0 0 0 27px; background: url(img/icon-rightNavli3.gif) no-repeat 20px center; line-height: 18px; display: block;}	
.rightNav ul li a.on, .rightNav ul li a:visited.on, .rightNav ul ul li a.on, .rightNav ul ul li a:visited.on,
.rightNav ul ul ul li a.on, .rightNav ul ul ul li a:visited.on  {color: #cc0000;}

/*----------------- RIGHT COLUMN TAB  -----------------*/
.verticalWrapper		{ float: left; width: 233px; border: 1px solid #e4e4e5; background: url(img/bg-verTab1.jpg) top left no-repeat; margin-bottom: 6px; }

ul.css-tabs6 	{ margin: 0; padding: 0; list-style:none; width: 78px; float: left; border: 1px solid #FFF; border-width: 1px 0 0 1px; }
ul.css-tab6 li	{ }
ul.css-tabs6 a 	{ width: 77px; display: block; line-height: 22px; text-indent: 5px; background: #bcbcbc; color:#FFF; text-decoration: none; border: 1px solid #FFF; border-width: 0 1px 1px 0; }
ul.css-tabs6 a:hover, ul.css-tabs6 a.current { background: none; color: #444; text-decoration: none; border-right: none; }
div.css-panes6 div { float: right; width: 126px; display:none; height: 73px; padding: 13px 13px 5px 13px; border: 1px solid #FFF; border-width: 1px 1px 1px 0; } 
.css-panes6 h1	{ font-size: 11px; font-weight: bold; line-height: 12px; margin: 0; padding: 0; }
.css-panes6 p	{ font-size: 11px; line-height: 18px; margin: 0; padding: 0; }
.css-panes6 img.btn	{ margin-top: 3px; }

.verticalWrapper .left	{ float: left; width: 78px; border: 1px solid #FFF; border-width: 1px 0 0 1px; }
.verticalWrapper .right	{ float: left; width: 152px; border: 1px solid #FFF; border-width: 1px 1px 1px 0; height: 114px; }

ol#toc				{ margin: 0; padding: 0; list-style: none; }
ol#toc li 			{ float: left; font-size: 11px; }
ol#toc li a 		{ width: 77px; display: block; line-height: 22px; text-indent: 5px; background: #bcbcbc; color:#FFF; text-decoration: none; border: 1px solid #FFF; border-width: 0 1px 1px 0;}
ol#toc li a:hover, ol#toc li.current, ol#toc li.current a	{ background: none; color: #444; text-decoration: none; border-right: none; }
/*ol#toc li.current a { font-weight: bold; color: #000; }*/
div.content 	{ width: 126px; height: 96px; float: left; position: relative; clear: both; padding: 13px 13px 5px 13px; }
div.content h1	{ font-size: 11px; font-weight: bold; line-height: 12px; margin: 0; padding: 0; }
div.content p	{ font-size: 11px; line-height: 18px; margin: 0; padding: 0; }
div.content img.btn	{ margin-top: 3px; }

/*----------------- ROTATE CONTENT  -----------------*/
.rotateModule	{ float: left; width: 192px; margin: 0 0 14px 22px; padding: 0 0 15px 0; background: url(img/bg-rightInner.gif) left bottom no-repeat; }
.rotateModule p				{ line-height: 18px; }
.rotateModule img			{ margin-bottom: 9px; }
.rotateModule img.left		{ float: left; clear: both; padding-right: 11px; }

ul.css-tabs2, ul.css-tabs3, ul.css-tabs4, ul.css-tabs5 	{ margin: 0; padding:0; height:14px; padding-bottom: 4px; }
ul.css-tabs2 li, ul.css-tabs3 li, ul.css-tabs4 li, ul.css-tabs5 li { float:left; padding:0; margin:0; list-style-type:none; }
ul.css-tabs2 li.header, ul.css-tabs3 li.header,	ul.css-tabs4 li.header, ul.css-tabs5 li.header{ margin-right: 5px; font-weight: bold; }
ul.css-tabs2 a, ul.css-tabs3 a, ul.css-tabs4 a, ul.css-tabs5 a 	{ float:left; font-size:11px; line-height: 14px; display:block; padding:0 6px; text-decoration:none; height:14px; color:#cc0000; }
ul.css-tabs2 a:hover, ul.css-tabs3 a:hover, ul.css-tabs4 a:hover, ul.css-tabs5 a:hover { text-decoration: underline; }
ul.css-tabs2 a.current, ul.css-tabs3 a.current, ul.css-tabs4 a.current, ul.css-tabs5 a.current { background: #d1d1d1; color:#FFF; cursor:default; }
div.css-panes2 div, div.css-panes3 div, div.css-panes4 div, div.css-panes5 div { display:none; /*min-height:150px;*/ }

/*----------------- RESOURCES -----------------*/
.simpleLink			{ float: left; width: 192px; margin: 0 0 14px 22px; padding: 0 0 15px 0; }
.simpleLink.line	{ background: url(img/bg-rightInner.gif) left bottom no-repeat; }
.simpleLink ul	{ margin: 0; padding: 0; list-style: none; }

.simpleLink li	{list-style:none outside none;}

.simpleLink span.headline {display:none;}
.simpleLink ul li a, .simepleLink ul li a:visited	{ color: #666; padding: 0 9px 0 0; background: url(img/icon-raquo.gif) no-repeat right center; line-height: 18px; }
.simpleLink li a, .simepleLink li a:visited	{ color: #666; padding: 0 9px 0 0; background: url(img/icon-raquo.gif) no-repeat right center; line-height: 18px; }

/*----------------- SOCIAL  -----------------*/
.socialLink			{ float: left; width: 212px; margin: 0 0 14px 22px; padding: 0 0 15px 0; }
.socialLink.line	{ background: url(img/bg-rightInner.gif) left bottom no-repeat; }
.socialLink img		{ margin: 0; padding: 0; }
.socialLink img a	{ margin: 0 auto 0; }
.iconPrint { background:url("img/icon_print.gif") no-repeat scroll left center transparent; display:block; float:left; font-size:11px; line-height:36px; margin-right:10px; padding-left:23px; }
.iconEmail { background:url("img/icon_email.gif") no-repeat scroll left center transparent; display:block; float:left; font-size:11px; line-height:36px; padding-left:23px; } 

/*----------------- BREADCRUMB  -----------------*/
.bc	{ float: left; margin: 10px 0 12px 0; font-size: 10px; }
.bc p	{ padding: 0px; margin: 0px; }
.bc p a, .bc p a:visited	{ color:#999999; }

/*----------------- HORIZONTAL TAB -----------------*/
ul.css-tabs 	{ margin: 0; padding:0; height:35px; }
ul.css-tabs li 	{ float:left; padding:0; margin:0; list-style-type:none; }
ul.css-tabs a 	{ float:left; font-size:12px; line-height: 35px; display:block; padding:0px 17px; text-decoration:none; height:35px; background: url(img/bg-tabverx.jpg) repeat-x; color:#cc0000; margin-right:2px; /*position:relative; top:1px;*/ }
ul.css-tabs a:hover { text-decoration: underline; }
ul.css-tabs a.current { background: url(img/bg-tabverx_sel.jpg) repeat-x; font-size: 13px; font-weight: bold; color:#666; cursor:default; }

div.css-panes div { display:none; border-top:1px solid #e0e0e0; /*min-height:150px;*/ padding: 20px; background: url(img/bg-tabhordivx.jpg) top repeat-x #f3f3f3; margin-bottom: 30px; float:left; width: 635px; }

.css-panes table	{ width: 100%; /*background: #FFF; */font-size: 11px; line-height: 17px; color: #555555; }
.css-panes table tr	{ /*background: url(img/bg-tabhortable_tr.gif) bottom center no-repeat;*/ }
.css-panes table td	{ padding: 14px; vertical-align: top; }
.css-panes p.small	{ font-size: 11px; line-height: 18px; }
.css-panes table img{ margin: 5px 10px 0 0; }


.css-panes table.bgwhite	{ width: 100%; background: #FFF; font-size: 11px; line-height: 17px; color: #555555; }
.css-panes table.bgwhite tr	{ background: url(img/bg-tabhortable_tr.gif) bottom center no-repeat; }
.css-panes table.bgwhite td	{ padding: 14px; vertical-align: top; }
.css-panes p.small	{ font-size: 11px; line-height: 18px; }
.css-panes table.bgwhite img{ margin: 5px 10px 0 0; }

/*----------------- HORIZONTAL TAB2 -----------------*/
ul.second-tabs 	{ margin: 0; padding:0; height:35px; }
ul.second-tabs li 	{ float:left; padding:0; margin:0; list-style-type:none; }
ul.second-tabs a 	{ float:left; font-size:12px; line-height: 35px; display:block; padding:0px 17px; text-decoration:none; height:35px; background: url(img/bg-tabverx.jpg) repeat-x; color:#cc0000; margin-right:2px; /*position:relative; top:1px;*/ }
ul.second-tabs a:hover { text-decoration: underline; }
ul.second-tabs a.current { background: url(img/bg-tabverx_sel.jpg) repeat-x; font-size: 13px; font-weight: bold; color:#666; cursor:default; }

div.second-panes div { display:none; border-top:1px solid #e0e0e0; min-height:150px; padding: 20px; background: url(img/bg-tabhordivx.jpg) top repeat-x #f3f3f3;}
.second-panes table	{ width: 100%; background: #FFF; font-size: 11px; line-height: 17px; color: #555555; }
.second-panes table tr	{ background: url(img/bg-tabhortable_tr.gif) bottom center no-repeat; }
.second-panes table td	{ padding: 14px; vertical-align: top; }
.second-panes p.small	{ font-size: 11px; line-height: 18px; }

/*----------------- VERTICAL TAB -----------------*/
.vertabWrapper		{ float: left; width: 100%; border: 1px solid #e4e4e5; background: url(img/bg-vertabwrapMain.jpg) top repeat-x; margin: 6px 0 24px 0; }

ul.css-vertabs 	{ margin: 0; padding: 0; list-style:none; width: 212px; float: left; }
ul.css-vertab li	{ }
ul.css-vertabs a 	{ width: 212px; display: block; line-height: 28px; text-indent: 12px; color:#cc0000; text-decoration: none; background: url(img/bg-toc2.jpg) no-repeat; font-size: 11px; border-bottom: 1px solid #FFF; }
ul.css-vertabs a.current { background: none; color: #444; text-decoration: none; border-right: none; font-size: 12px; font-weight: bold; background:url(img/bg-vertabCurrent.gif) repeat-x bottom; border-bottom: 1px solid #dfdfdf; }
ul.css-vertabs a:hover	{ text-decoration: underline; }

div.css-verpanes div { float: right; width: 410px; display:none; /*height: 202px;*/ padding: 28px 20px 0px 30px; }
.css-verpanes h1	{ font-size: 11px; font-weight: bold; line-height: 12px; line-height: 18px; margin: 0; padding: 0; }
.css-verpanes p	{ font-size: 11px; line-height: 18px; margin: 0 0 16px 0; padding: 0; }
.css-verpanes img.btn	{ margin-top: 3px; }

/*----------------- FOOTER  -----------------*/
#footer	{ width: 947px; margin: 28px auto 0px auto; padding-bottom: 16px; color: #6e6e6e; font-size: 10px;  border-top: 4px solid #dedede; }

.footcontent 		{ float: left; width: 905px; position: relative; padding: 20px 20px 30px 20px; margin-top: 0px; margin-top: 16px; }
.footcontent ul 	{ list-style: none; margin: 0; padding: 0; }
.footcontent li		{ line-height: 17px; font-size: 11px; }
.footcontent li a	{ color: #999; }

#footer .end { float: left; width: 947px; text-transform: uppercase; margin-top: 16px; clear: both; }
#footer span.footertxt	{ padding-right: 11px; }
.end a, .end a:visited 	{ color: #6e6e6e; padding: 0 11px; }

/*----------------- MISC  -----------------*/
.iconRaquo		{ background: url(img/icon-raquo.gif) right center no-repeat; padding-right: 9px; }
.iconRSS		{ background: url(img/icon-rss.jpg) left center no-repeat; padding-left: 19px; }
a.more	{ color:#999; background: url(img/icon-raquo.gif) right center no-repeat; padding-right: 9px; }
	
.imgfloatLeft	{ float: left; clear: both; } /* base css add more padding on module */
.imgfloatRight	{ float: right; clear: both; } /* base css add more padding on module */

ul.simplelist   { margin: 0 0 0 26px; padding: 0 0 16px 0; list-style: none; line-height: 20px; }
ul.simplelist li     { background: url(img/icon-rightNavli2.gif) no-repeat left 8px; padding: 0 0 0 12px ; width: 420px; float: left; }
ul.simplelist li a, ul.simplelist li a:visited  { }

ol.simplelist                        { margin: 0 0 0 42px; padding: 0 0 16px 0; line-height: 20px; }
ol.simplelist li     { margin: 0; padding: 0; }
ol.simplelist li a, ol.simplelist li a:visited  {}


/*----------------- TOP MENU -----------------*/
.languageBox { position:absolute; left: 500px; top: 14px; font-size: 11px; font-family: Verdana,Geneva,sans-serif; }
#topmenu 	{ padding:0; margin:0; list-style:none; height:27px; position:relative; z-index:500; position: absolute; top: 12px; left: 145px; font-family: Verdana, Geneva, sans-serif; }
#topmenu li {float:left; }
#topmenu li a {display:block; float:left; height:27px; line-height:27px; color:#6e6e6e; text-decoration:none; font-size:11px; padding:0 15px 0 5px;}

#topmenu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#topmenu li a:hover	{ z-index:2000; position:relative; /*color:#fff; background-color:#c1c0c0;*/ text-decoration: underline; }
#topmenu li:hover   { position:relative; z-index:200; }

#topmenu li:hover > a { /*color:#fff; background:#c1c0c0;*/ }
#topmenu li:hover > a.sub { /*color:#fff; background-color:#c1c0c0;*/ }

#topmenu li.current a {color:#fff; background:#840;}

#topmenu li a.sub { background: url(img/icon-arrowdown.gif) no-repeat right center;}
#topmenu li.current a.sub { color:#fff; background:#840 url(img/icon-arrowdown.gif) no-repeat right center;;}

#topmenu :hover ul {left:0; top:27px; width:120px; background:#444;}

/* keep the 'next' level invisible by placing it off screen. */
#topmenu ul, 
#topmenu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#topmenu :hover ul :hover ul
{left:120px; top:-1px; /*background:#222;*/ white-space:nowrap; width:100px; z-index:200; height:auto;}

#topmenu :hover ul li {margin:0; border-top:1px solid #cdcdcd;}
#topmenu :hover ul li a {width:120px; padding:0; text-indent:10px; background:#bebebe; color:#666; height:27px; line-height:27px; text-decoration: none; }
#topmenu :hover ul li a.chinese	{ background: url(img/bg-chinese.gif) no-repeat top left; text-indent: -1000; overflow: hidden; }
#topmenu :hover ul li a:hover.chinese	{ background: url(img/bg-chinese_over.gif) no-repeat top left; text-indent: -1000; overflow: hidden; text-decoration: none; }


#topmenu :hover ul :hover {background-color:#cc0000; color:#fff;}
#topmenu :hover ul :hover a.chinese	{ background: url(img/bg-chinese_over.gif) no-repeat top left; text-indent: -1000; overflow: hidden; text-decoration: none; }

/*----------------- MAIN MENU -----------------*/
#menu	{ width: 947px; float: left; height: 31px; position: absolute; top: 54px; left: 0; z-index: 90; }

#primary-navigation			{ /*JavaScript Hook*/ }
#primary-navigation ul		{ padding: 0; margin: 0 0 0 231px; list-style-type: none; border: 0; z-index: 9999; }
#primary-navigation ul li	{ position: relative; margin: 0; padding: 1px 0 0 0; float: left; z-index: 91; }

#primary-navigation ul li a, #primary-navigation ul li a:link, #primary-navigation ul li a:visited 
{ /*margin: 0; padding: 0; height: 31px; float: left; font-size: 13px;*/  cursor: pointer; }

#primary-navigation ul li.first a span 		{ color: #cc0000; text-transform: uppercase; text-align: center; padding: 0 10px; height: 31px; line-height: 31px; text-decoration: none; margin: 0 46px 0 0; display: block; font-size: 13px; }
#primary-navigation ul li.first a:hover	span { background: #c1c0c0; color: #FFF; height: 31px; line-height: 31px; text-decoration: none; }

#primary-navigation ul li.second a span  		{ color: #cc0000; text-transform:uppercase; text-align: center; padding: 0 10px; height: 31px; line-height: 31px; text-decoration: none;  margin: 0 46px 0 0; display: block; font-size: 13px;}
#primary-navigation ul li.second a:hover span 	{ background: #c1c0c0; color: #FFF; height: 31px; line-height: 31px; text-decoration: none; }

#primary-navigation ul li.third a span 		{ color: #cc0000; text-transform:uppercase; text-align: center; padding: 0 10px; height: 31px; line-height: 31px; text-decoration: none; display: block; font-size: 13px;}
#primary-navigation ul li.third a:hover span	{ background: #c1c0c0; color: #FFF; height: 31px; line-height: 31px; text-decoration: none; }

#primary-navigation ul li.active a span	{ color:#FFF; background: #c1c0c0; }
#primary-navigation ul li ul 		{ display: none; }

#primary-navigation ul li.over ul 	{ display: block; position: absolute; top: 31px; left: 0; margin: 0; padding: 0; width: 947px; z-index: 5001; }

/*Solution and Industries Menu*/
#primary-navigation ul li.over.first ul  { position: absolute; top: 31px; left: -231px; margin: 0; padding: 0; width: 947px; z-index: 5001; }
#primary-navigation ul li.over.first ul li a { list-style: none; margin: 0; padding: 0; /*background: none;*/ }

/*Why RedPrairie Menu*/
#primary-navigation ul li.over.second ul  { position: absolute; top: 29px; left: -467px; margin: 0; padding: 0; width: 947px; z-index: 5001; }
#primary-navigation ul li.over.second ul li a { list-style: none; margin: 0; padding: 0; /*background: none;*/ }

/*Why RedPrairie Menu*/
#primary-navigation ul li.over.third ul  { position: absolute; top: 29px; left: -650px; margin: 0; padding: 0; width: 947px; z-index: 5001; }
#primary-navigation ul li.over.third ul li a { list-style: none; margin: 0; padding: 0; /*background: none;*/ }

.megaDropdown	{ background: url(img/bg-megaDropdown.jpg) no-repeat top left #dbdada; float: left; width: 937px; padding: 5px; border-bottom: 5px solid #bebebe; clear: both; }

.megaDropdown h1	{ color: #666; font-size: 16px; line-height: 18px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
.megaDropdown h1 a, .megaDropdown p a	{ color: #666; }
.megaDropdown p 		{ color: #666; font-size: 11px; margin: 0; padding: 0; line-height: 18px; }
.megaDropdown p.details { color: #666; font-size: 12px; margin: 0; padding: 0; line-height: 18px; }
.megaDropdown p.red { color: #cc0000; font-size: 11px; font-weight: bold; margin: 0; padding: 0; line-height: 18px; }
.megaDropdown p.redArrow	{ padding: 0 0 0 12px; background: url(img/icon-redArrow.gif) no-repeat left 7px; }
.megaDropdown p.redArrow2	{ padding: 0 0 0 12px; background: url(img/icon-redArrow.gif) no-repeat left 11px; font-size:15px; line-height: 26px; }

.megaDropdown dl	{ font-size: 11px; margin: 0; padding: 0; line-height: 18px; }
.megaDropdown dt	{ }
.megaDropdown dd a, .megaDropdown dd a:visited	{ padding:0 0 0 12px; color: #666; background: url(img/icon-redArrow.gif) no-repeat left 4px; display: block; } 
.megaDropdown dD.whyrp a, .megaDropdown dd.whyrp a:visited	{ padding: 0 0 0 12px; background: url(img/icon-redArrow.gif) no-repeat left 7px; font-size:15px; line-height: 26px; color: #666; display: block; } 
.megaDropdown dt a:hover	{ text-decoration: underline; }

.megaDropdown p.small 		{ color: #666; font-size: 10px; margin: 0; padding: 0; line-height: 11px; }
.megaDropdown img	{ float: left; clear: both; margin: 0 10px 15px 0; _behavior: url(/common/css/iepngfix.htc); }
.megaDropdown img.display	{ margin-right: 20px; }
.megaDropdown table { width: 100%; }
.megaDropdown table.marginbt	{ margin-bottom: 15px; }

.megaDropdown table tr { vertical-align: top;}
.megaDropdown table tr td.head		{ padding: 15px 10px 0px 10px; }
.megaDropdown table tr td.bghead	{ background: url(img/bg-dropdownTable.gif) left 15px no-repeat; }
.megaDropdown table tr td.bgLeft	{ background: url(img/bg-dropdownTable.gif) left repeat-y; }
.megaDropdown table tr td.bgx		{ background: url(img/bg-dropdownTablex.gif) right top no-repeat; }
.megaDropdown table tr td.bgxlast	{ background: url(img/bg-dropdownTablex.gif) left top no-repeat; }
.megaDropdown table tr td.content	{ padding: 0 10px 5px 10px; }*/

/*----------------- LIGHTBOX FORM -----------------*/
#wrapperform	{ width: 680px; margin: 0; padding: 0 30px; clear: both; border-top: 22px solid #cc0000; }
a.close { 
    background-image: url(../../images/btn-formclose.gif); 
    position:				absolute; 
    right:					9px; 
    top:					8px; 
    cursor:					pointer; 
    height:					8px; 
    width:					40px; 
} 
/* Logo */
.lblogo			{ float: left; width: 679px; }
.lblogo img		{ margin: 20px 0; _behavior: url(/common/css/iepngfix.htc); }

/* ContentWrap */
.lbleftCont		{ float: left; width: 400px; background: #e2e2e2; margin: 0; padding: 0 20px 40px 20px;  }
.lbleftCont h3 	{ margin-bottom: 14px; }
.req			{ float: right; text-align: right; margin: 12px 12px 0 0; color: #cc0000; font-size: 11px; }
.lbleftCont ul		{ margin: 0; padding: 0 0 16px 0; list-style: none; font-size: 11px; }
.lbleftCont ul li	{}
.lbleftCont ul li a, .lbleftCont ul li a:visited	{ color: #666; padding: 0 9px 0 0; background: url(img/icon-raquo.gif) no-repeat right center; line-height: 18px; }


.inputwrap		{ float: left; width: 399px; margin-bottom: 17px; }
.inputwrap label { display: block; }
.inputwrap input, .inputwrap select { width: 308px; }
.inputwrap input:focus, .inputwrap textarea:focus { background: #ffc; }
.inputwrap textarea { width: 305px; height: 80px; }

.inputwrap2		{ float: left; width: 399px; margin-bottom: 17px; }
.inputwrap2 label { display: block; }
.inputwrap2 input, .inputwrap2 select { width: 308px; }
.inputwrap2 input:focus, .inputwrap textarea:focus { background: #ffc; }
.inputwrap2 textarea { width: 399px; height: 80px; }

input#btnsubmitreq 	{ width: 114px; height: 22px; }
input#btnwhitepaper { width: 143px; height: 22px; }
input#btnsubmit 	{ width: 57px; height: 22px; }

.lbrightCont			{ float: right; width: 210px; }
.lbrightCont h2			{ margin-bottom: 15px; }
.lbrightCont p			{ font-size: 11px; margin-bottom: 20px; }
.lbrightCont p a		{ color: #666; }

.topbox		{ float: right; width: 210px; border: 1px solid #dadada; border-width: 1px 0; margin-bottom: 15px; padding: 5px 0; }
.topbox p	{ font-size: 11px; font-weight: bold; line-height: 20px; margin: 0; }


/* Modal overlays */

#overlay-715x430 {
    background-image:		url(/images/interface/overlay/bg_715x430.png); 
    width:					651px; 
    height:					398px;
	padding: 				32px 32px 0 32px;
}

#overlay-727x675 {
    background-image:		url(/images/interface/overlay/bg_727x675.png); 
    width:					663px; 
    height:					643px;
	padding: 				32px 32px 0 32px;
}

#overlay-787x702 {
    background-image:		url(/images/interface/overlay/bg_787x702.png); 
    width:					723px; 
    height:					670px;
	padding: 				32px 32px 0 32px;
}

#overlay-927x530 {
    background-image:		url(/images/interface/overlay/bg_927x530.png); 
    width:					863px; 
    height:					498px;
	padding: 				32px 32px 0 32px;
}
#overlay-947x526 {
    background-image:		url(/images/interface/overlay/bg_947x526.png); 
    width:					883px; 
    height:					494px;
	padding: 				32px 32px 0 32px;
}

/* Edit here */
#overlay-740x750, #register {
    background-image: 		url(../../images/bg_740x750.png); 
    width:					740px; 
    height:					500px;
	padding: 				0;
}

#overlay-740x730 {
    background-image: 		url(../../images/bg_740x750.png); 
    width:					740px; 
    height:					500px;
	padding: 				0;
}

#overlay-947x620 {
    background-image:		url(/images/interface/overlay/bg_947x620.png); 
    width:					947px; 
    height:					620px;
	padding: 				32px 32px 0 32px;
}

#overlay-947x745 {
    background-image:		url(/images/interface/overlay/bg_947x745.png); 
    width:					901px; 
    height:					713px;
	padding: 				23px 32px 0 23px;
}

#iframe #overlay-715x430,
#iframe #overlay-727x675,
#iframe #overlay-787x702,
#iframe #overlay-927x530,
#iframe #overlay-947x526,
#iframe #overlay-947x620,
#iframe #overlay-947x745 {
	padding:				0 !important;
	display: 				block !important;
}

div.overlay { 
    display:				none; 
	overflow: 				hidden;
	text-align: 			left;
	position:				relative;
	background-color:		#fff;
} 

 
div.overlay div.close { 
    background-image: url(../../images/btn-formclose.gif); 
    position:				absolute; 
    right:					9px; 
    top:					8px; 
    cursor:					pointer; 
    height:					8px; 
    width:					40px; 
} 

div.overlay h1 {
	font-size:				2.1em;
	line-height:			1.4em;
	color:					#2c3137;
	padding:				0 0 7px 0;
	margin:					0 0 15px 0;
	border-bottom:			3px solid #dedee3;
}

div.overlay p {
	font-size:				1.2em;
	line-height:			1.6em;
	color:					#2c3138;
	margin:					0 0 10px 0;
}
div.overlay p.extramargin {
	margin:					0 0 20px 0;
}

div.overlay ul.arrow {
	list-style-type:		none;
	margin:					0 0 15px 0;
}
div.overlay ul.arrow li {
	font-size:				1.2em;
	font-weight:			bold;
	padding:				6px 0;
	background:				transparent url(../images/interface/hr_dotted.png) repeat-x 0 0;
}
div.overlay ul.arrow li a {
	color:					#e0761d;
	padding:				0 0 0 23px;
	background:				transparent url(../images/interface/li_arrow.png) no-repeat 5px 0.3em;
}

div.overlay p.text input {
	width:					167px;
	margin:					0 0 3px 0;
}

div.overlay p.mobile input {
	float:					left;
	margin:					0 7px 0 0;
}
div.overlay p.mobile input {
	width:					62px;
}
div.overlay p.mobile input.short {
	width:					32px;
}

div.overlay div.submit { 
	position:				absolute;
	left:					0;
	bottom:					23px;
	width:					651px;
	padding:				10px 0 0 0;
	border-top:				1px solid #dedee3;
}

div.overlay div.compwrap {
	position:				relative;
}
div.overlay div.compwrap p {
	position:				absolute;
	left:					250px;
	top:					5px;
}
div.overlay div.compwrap p strong {
	font-size:				1.2em;
}

div.overlay ul.tabs {
	list-style-type:		none;
	height:					31px;
	background:				transparent url(../images/interface/hr.png) repeat-x left bottom;

}
div.overlay ul.tabs li {
	display:				inline;
}
div.overlay ul.tabs li a {
	float:					left;
	height:					31px;
	text-indent:			-9999px;
	outline:				0;
	background:				transparent url(../images/interface/overlay/tabs.png) no-repeat 0 0;
}
div.overlay ul.tabs li.view a {
	width:					113px;
}
div.overlay ul.tabs li.view a.current {
	background-position:	0 -31px;
}
div.overlay ul.tabs li.edit a {
	width:					124px;
	background-position:	-113px 0;
}
div.overlay ul.tabs li.edit a.current {
	background-position:	-113px -31px;
}
div.overlay div.panes {
	border-bottom:			1px solid #eeeeef;
	height:					515px;
	margin:					0 0 10px 0;
}
div.overlay div.panes div.pane {
	padding:				15px 0 0 11px;
	position:				relative;
}

div.overlay div.panes div.btn_save {
	position:				absolute;
	right:					0;
	top:					-27px;
}	
div.overlay div.panes p.print {
	position:				absolute;
	right:					0;
	top:					-27px;
}
div.overlay div.panes p.print a {
	padding:				0 0 0 18px;
	background:				transparent url(../images/interface/icons.png) no-repeat 0 -45px
}

div.overlay div.panes .half  {
	width:					322px;
}
div.overlay table.complaint {
	margin:					0 0 40px 0;
}	
div.overlay table.complaint th,
div.overlay table.complaint td {
	text-align:				left;
	padding:				6px 0 7px 0;
	background:				transparent url(../images/interface/hr_dotted.png) repeat-x left bottom;
}
div.overlay table.complaint th {
	font-size:				1.2em;
	color:					#434d58;
	width:					150px;
	line-height:			1.7em;
	vertical-align:			top;
}
div.overlay table.complaint td {
	font-size:				1.1em;
	color:					#434d58;
	line-height:			1.5em;
	vertical-align:			top;
}
div.overlay table.complaint input.type_text {
	width:					171px;
}	
div.overlay table.complaint input.datepick {
	width:					130px;
}	
div.overlay table.half select {
	width:					177px;
}
div.overlay table.complaint input.type_text,
div.overlay table.complaint textarea,
div.overlay table.complaint select {
	color:					#434d58;
}	
div.overlay table.complaint textarea {
	width:					526px;
}
div.overlay table.complaint textarea.small {
	height:					14px;
}
div.overlay table.complaint textarea.medium {
	height:					28px;
}
div.overlay table.complaint textarea.large {
	height:					70px;
}

div.overlay #backtodetails a {
	display:				block;
	width:					138px;
	height:					20px;
	outline:				0;
	text-indent:			-9999px;
	background:				transparent url(../images/interface/btn_back.png) no-repeat left top;
}
div.overlay #backtodetails a:hover {
	background-position:	left -20px;
}



/* Custom scroller for overlay */



div.overlay div.scrollerwrapper {
	border-bottom:			1px solid #dfe7e8;
	border-right:			1px solid #dfe7e8;
	border-left:			1px solid #dfe7e8;
}
	
	
div.overlay div.scroller {
	overflow:				auto;
}
div.overlay div.scroller div.paddingright {
	padding:				0 15px 0 0;
}

#overlay-715x430 div.scroller {
	width:					648px;
	height:					303px;
}
#overlay-787x702 div.scroller {
	height:					470px;
}
#overlay-927x530 div.scroller {
	width:					859px;
	height:					380px;
}
#overlay-947x526 div.scroller {
	width:					879px;		
	height:					270px;
}
#overlay-947x620 div.scroller {
	width:					880px;
	height:					325px;
}


#overlay-787x702 div.scroller div.content {
	width:					690px;
	overflow:				hidden;
}



.jScrollPaneContainer {
	position: 				relative;
	overflow: 				hidden;
	z-index: 				1;
}


.jScrollPaneTrack {
	position: 				absolute;
	cursor: 				pointer;
	right: 					0;
	top: 					0;
	height: 				100%;
	background: 			#e6e7e8 url(/images/interface/scroller/bg_scrollertrack.png) repeat-y left top;
}

.jScrollPaneDrag {
	position: 				absolute;
	cursor: 				pointer;
	overflow: 				hidden;
	background: 			#485056 url(/images/interface/scroller/bg_scroller.png) no-repeat left center;
}

.jScrollPaneDragTop {
	position: 				absolute;
	top: 					0;
	left: 					0;
	overflow: 				hidden;
	height: 				3px;
	background: 			#485056 url(/images/interface/scroller/bg_scroller.png) no-repeat left top;
}

.jScrollPaneDragBottom {
	position: 				absolute;
	bottom: 				0;
	left: 					0;
	overflow:				hidden;
	height: 				3px;
	background: 			#485056 url(/images/interface/scroller/bg_scroller.png) no-repeat left bottom;
}




div.overlay div.scroller table.standard {
	border-bottom:			1px solid #dfe7e8;

}

div.overlay  table {
	width:					100%;
}

#overlay-715x430 div.scroller table.standard {
	width:					628px;
}
#overlay-927x530 div.scroller table.standard {
	width:					842px;
}
#overlay-947x526 div.scroller table.standard {
	width:					861px;		
}
#overlay-947x620 div.scroller table.standard {
	width:					860px;
}

div.overlay table.standard th {
	font-size: 				1.2em;
	color: 					#434d58;
	padding:				7px 10px 8px 10px;
	vertical-align:			middle;
	
	border-right:			1px solid #b5bbc2;
	background:				#d0d3d8 url(/images/interface/bg_tableheader.png) repeat-x left top;
}

div.overlay div.scroller table.standard th,
div.overlay div.scroller table.standard td {
	border-top:				1px solid #dfe7e8 !important;
	border-right:			1px solid #dfe7e8 !important;
	text-align:				left;
}
div.overlay div.scroller table.standard tr.colored td,
div.overlay div.scroller table.standard tr.colored th {
	background-color:		#f6f7f8;
}
div.overlay div.scroller table.standard thead th {
	font-size: 				1.1em;
	color: 					#fff;
	padding:				7px 10px 8px 9px;
	vertical-align:			middle;
	border-right:			0;
	background:				#81888f;
}
div.overlay div.scroller table.standard tbody th {
	font-size: 				1.1em;
	color: 					#434d58;
	padding:				7px 10px 8px 19px;
	vertical-align:			middle;
	background:				#edf0f1;
	border:					0;
}
div.overlay div.scroller table.standard td {
	padding:				7px 10px 8px 10px;
	font-size:				1.1em;
	color:					#434d58;
}

div.overlay table.standard td.action {
	word-spacing:			3px;
}
div.overlay table.standard td.action a {
	word-spacing:			0;
}

div.overlay table.standard th.filenames {
	width:					403px;
}
div.overlay div.scroller table.standard td.filenames {
	padding:				7px 10px 8px 19px;
	width:					393px;
}

div.overlay table.standard th.size,
div.overlay table.standard td.size {
	width:					88px;
}
div.overlay table.standard th.owner,
div.overlay table.standard td.owner {
	width:					128px;
}
div.overlay table.standard th.lastupdates {
	border:					0;
}

div.overlay table.standard th.action {
	width:					71px;
}
div.overlay table.standard td.action {
	width:					70px;
}

div.overlay table.standard th.period,
div.overlay table.standard td.period {
	width:					76px;
}
div.overlay table.standard th.category,
div.overlay table.standard td.category,
div.overlay table.standard th.program,
div.overlay table.standard td.program {
	width:					98px;
}
div.overlay table.standard th.description,
div.overlay table.standard td.description {
	width:					282px;
}
div.overlay table.standard th.amount {
	width:					133px;
}
div.overlay table.standard td.amount {
	width:					112px;
}
div.overlay table.standard th.record,
div.overlay table.standard td.record {
	width:					65px;
}
div.overlay table.standard th.assigned,
div.overlay table.standard td.assigned {
	width:					95px;
}
div.overlay table.standard th.duedate,
div.overlay table.standard td.duedate {
	width:					68px;
}
div.overlay table.standard th.dateclosed,
div.overlay table.standard td.dateclosed {
	width:					70px;
}
div.overlay table.standard th.late,
div.overlay table.standard td.late {
	width:					39px;
}
div.overlay table.standard th.desc,
div.overlay table.standard td.desc {
	width:					100px;
}
div.overlay table.standard th.requ,
div.overlay table.standard td.requ {
	width:					45px;
}
div.overlay table.standard th.complt,
div.overlay table.standard td.complt {
	width:					58px;
}

/* Overlay search form */

div.overlay div.searchform {
	padding:				10px 0 0 0;
	margin:					10px 0 15px 0;
	background:				#f6f7f9 url(/images/interface/bg_overlayform.png) no-repeat left top;
}
div.overlay div.searchform form {
	padding:				0 9px 10px 15px;
	background:				transparent url(/images/interface/bg_overlayform.png) no-repeat left bottom;
}
div.overlay div.searchform p {
	margin:					0;
}	
div.overlay div.searchform p.border {
	padding:				0 13px 0 0;
	border-right:			1px solid #c1c4c8;
}
div.overlay p.borderbottom {
	border-bottom:			1px solid #dedee3;
	padding:				0 0 15px 0;
	margin:					0 0 9px 0;
}

div.overlay input,
div.overlay select,
div.overlay textarea {
	font-size:				11px;
	color:					#434d58;
}
div.overlay div.searchform p.datepick {
	width:					183px;
	overflow:				hidden;
	position:				relative;
}
div.overlay div.searchform p.floatleft select {
	width:					95px;
}
div.overlay div.searchform p.alignright select {
	width:					170px;
}
div.overlay div.searchform form.margin p select {
	width:					100px;
}

div.overlay div.searchform form.margin input,
div.overlay div.searchform form.margin textarea,
div.overlay div.searchform form.margin select {
	margin:					0 14px 0 0;
}
div.overlay div.searchform input.btn {
	margin: 				0 0 -4px 0;
}

div.overlay form input.type_image {
	margin: 				0 13px -4px 0;
}

div.overlay div.searchform form.margin input.type_text {
	width:					71px;
}
div.overlay div.searchform textarea {
	width:					280px;
	height:					57px;
}


div.overlay div.complaintform {
	padding:				0 0 28px 0;
	margin:					0 0 10px 0;
	border-bottom:			1px solid #dedee3;
}

div.overlay div.complaintform p {
	margin:					0;
}

div.overlay div.complaintform .half {
	width:						313px;
}
div.overlay div.complaintform select {
	width:						313px;
}
div.overlay div.complaintform select.short {
	width:						149px;
}
div.overlay div.complaintform input.type_text {
	width:						307px;
}
div.overlay div.complaintform input.datepick {
	width:						140px;
}
div.overlay div.complaintform textarea {
	width:						657px;
	height:						70px;
}
div.overlay div.complaintform textarea,
div.overlay div.complaintform input.type_text,
div.overlay div.complaintform select {
	margin:						0 0 3px 0;
}

div.overlay div.pagination {
	border-top:					1px solid #dedee3;
	margin:						20px 0 0 0;
	padding:					10px 0 0 0;
}
div.overlay div.pagination ul {
	float:						right;
}
div.overlay div.pagination ul li {
	display:					inline;
}
div.overlay div.pagination ul li a {
	float:						left;
	width:						18px;
	height:						18px;
	margin:						0 0 0 5px;
	border:						1px solid #dedee3;
	text-align:					center;
	line-height:				18px;
	font-weight:				bold;
}
div.overlay div.pagination ul li a.selected {
	border:						1px solid #fff;
	color:						#454d56;
}

/*------------------  Videos  -----------------*/
/* styling of the container. */ 
a.videoPlayer400x220, a.videoPlayer400x220_SMIL    
{
    display:block;     
    width: 400px;     
    height:220px;      
    text-align:center;     
    margin:0;     
    float:left;     
    /*border:1px solid #999; */
}  
a.videoPlayer300x172, a.videoPlayer300x172_SMIL
{
    display:block;     
    width: 300px;     
    height:172px;      
    text-align:center;     
    margin:0;     
    float:left;     
    /*border:1px solid #999; */
}  

a.audioPlayer300x172
{
 height:30px;width: 300px;display:block; 
}

a.videoPlayer395x296, a.videoPlayer395x296_SMIL
{
    display:block;     
    width: 395px;     
    height:296px;      
    text-align:center;     
    margin:0;     
    float:left;     
    /*border:1px solid #999; */
}  

a.videoPlayer295x222, a.videoPlayer295x222_SMIL
{
    display:block;     
    width: 295px;     
    height:222px;      
    text-align:center;     
    margin:0;     
    float:left;     
    /*border:1px solid #999; */
}  

/* play button */ 
a.videoPlayer img 
{     
    margin-top:0;     
    border:0px; }  
/* when container is hovered we alter the border color */ 
a.videoPlayer:hover 
{     
    /*border:1px solid #000; */
}

/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(/common/css/img/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:510px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(/common/css/img/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

	/* black version of the overlay. simply uses a different background image */
	div.apple_overlay.black {
		background-image:url(/common/css/img/transparent510.png);		
		color:#fff;
	}
	
	div.apple_overlay h2 {
		margin:10px 0 -9px 0;
		font-weight:bold;
		font-size:14px;
	}
	
	div.black h2 {
		color:#fff;
	}
	
	#triggers {
		margin-top:10px;
		text-align:center;
	}
	
	#triggers img {
		background-color:#fff;
		padding:2px;
		border:1px solid #ccc;
		margin:2px 5px;
		cursor:pointer;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
	}


	
/* Blog Archive and Detail */

.blogArchive {
	padding: 5px 0;
}
	.blogPost {
		padding: 15px 0;
	}
	.blogPostImage {
		float: left;
		width: 80px;
		padding: 0 20px 0 0;
		overflow: hidden;
	}
	.blogPostDetails {
		overflow: hidden;
		zoom: 1;
	}
		.blogPost h1 {
			margin-bottom: 5px;
		}
		.blogTitleLink {
			color: #666666;
			font-size: 18px;
			font-weight: bold;
			line-height: 20px;
			padding: 0 16px 0 0;
			background: url(img/blogTitleLink.gif) no-repeat right 9px;
		}
		.blogTeaser {
			padding: 0 0 8px;
			line-height: 20px;
		}
			.blogTeaser p {
				display: inline;
				padding: 0;
			}
			.blogReadMore {
				color: #333;
				padding: 0 10px 0 0;
				background: url(img/blogLink.gif) no-repeat right 6px;
			}
		.blogDetails {
			font-size: 11px;
		}
			.blogCommentsLink {
				color: #333;
				margin: 0 0 0 20px;
				padding: 0 10px 0 0;
				background: url(img/blogLink.gif) no-repeat right 5px;
			}
			
.blogDetail {
	padding: 45px 0 10px;
}

    .blogDetail h5 {
        padding-top: 6px;
    }
    
    .ekcommenttext textarea  
    {
        margin-bottom: 6px;
    }
    
    .ekleavecomment .ekcommentheader {
        display: block;
        border-bottom: 1px solid #bbb;
        font-weight: bold;
    }
    .blogDetail .blogCommentsTitle {
        border-bottom: 1px solid #bbb;
        font-weight: bold;
    }
.blogAuthorImage {
	float: left;
	padding: 5px 15px 5px 0;
	width: 80px;
	overflow: hidden;
}
.blogAuthor {
	padding: 5px 0;
	overflow: hidden;
	zoom: 1;
}
	.blogAuthor p {
		padding: 0 0 3px;
	}
	.blogAuthor h6 {
		font-size: 11px;
	}
		.blogAuthor h6 a {
			color: #666;
		}
		
.blogCommentsTitle, .ekcommentheader {
	padding: 15px 0 0;
	font-size: 13px;
	color: #333;
}
.blogComments {
	margin: 0;
	padding: 5px 0 10px;
	list-style: none;
	line-height: 20px;
}
	.blogComments li {
		padding: 8px 0;
	}

.imgLeft {
	float: left;
	margin: 0 20px 10px 0;
	background: none !important;
    border: none !important;
}
.imgRight {
	float: right;
	margin: 0 0 10px 20px;
	background: none !important;
    border: none !important;
}
table.imgLeft, table.imgRight {
	border: 0;
	border-collapse: collapse;
	padding: 0;
	font-size: 11px;
	line-height: 15px;
	color: #999;
	font-style: italic;
}
	table.imgLeft th, table.imgRight th {
		padding: 0;
	}
	table.imgLeft td, table.imgRight td {
		padding: 2px;
	}

.rightBlog {
	float: right;
	width: 238px;
	padding: 20px 0 0;
	overflow: hidden;
}

/* --BEGIN-- blogCalendar */
.blogCalendar {
	padding: 0 0 20px;
}
		.blogCalendar .monthRow td.prevMonth, .blogCalendar .monthRow td.nextMonth {
			width: 33px;
			height: 34px;
			overflow: hidden;
			background: #bcbcbc;
			font-size: 12px;
			line-height: 32px;
			text-align: center;
			font-weight: bold;
			color: #fff;
		}
			.blogCalendar td.prevMonth a, .blogCalendar td.nextMonth a {
				color: #fff;
			}
		.blogCalendar .monthRow td.currentMonth {
			height: 34px;
			width: 172px;
			background: #bcbcbc;
			overflow: hidden;
			font-size: 12px;
			line-height: 32px;
			text-align: center;
			font-weight: bold;
		}
			.blogCalendar td.currentMonth a {
				display: inline;
			}
	.blogCalendar table {
		margin: 0;
		padding: 0;
		border: 0;
		border-collapse: collapse;
		table-layout: fixed;
	}
		.blogCalendar th {
			width: 34px;
			height: 20px;
			overflow: hidden;
			background: #ebebeb;
			text-align: center;
			font-weight: bold;
			color: #666;
			font-size: 11px;
			line-height: 18px;
		}
		.blogCalendar td {
			width: 34px;
			height: 34px;
			overflow: hidden;
			background: #ebebeb;
			text-align: center;
			color: #a2a2a2;
			font-size: 16px;
			line-height: 32px;
		}
		.blogCalendar .monthRow td {
		    width: auto;
		}
			.blogCalendar .inactive {
				background: #f8f8f8;
			}
			.blogCalendar td a {
				display: block;
				width: 34px;
				height: 34px;
				background: #bcbcbc;
				color: #fff;
			}
/* --END-- blogCalendar */				
	
.blogMenus {
	padding: 10px 15px 10px 25px;
	font-size: 11px;
	line-height: 18px;
}
	.blogMenus .iconRaquo {
		color: #666;
	}
	.blogMenus h3 {
		font-size: 11px;
		line-height: 18px;
		padding: 15px 0 0;
		font-weight: bold;
		color: #CC0000;
	}
	.blogMenus ul {
		margin: 0;
		padding: 0 0 15px 7px;
		list-style: none;
		font-weight: normal;
	}
		.blogMenus li {
			padding: 3px 0;
			font-size: 11px;
			line-height: 14px;
		}
		.blogMenus ul a {
			display: block;
			color: #666666;
			background: url("img/icon-raquo.gif") no-repeat scroll left 5px transparent;
			padding: 0 0 0 9px;
		}	
.ekcommentdata, .ekcommenttext {
	padding: 8px 0 0;
}

img.imgBackground {
    background: none !important;
    border: none !important;
}

img.imgLeft {
	background: none !important;
    border: none !important;
}
img.imgRight {
	background: none !important;
    border: none !important;
}

.EktronAjaxLoading 
{
 display: none;
}

/* --END-- Blog Archive and Detail */

.rp-tabs .rp-tabs-hide { display: none !important; }


/*----------------- ACCORDION -----------------*/
.trigger 	{ color: #666 !important; clear: both; display: block !important; cursor: pointer; font-size: 11px; font-weight: bold; height: 23px; padding: 8px 0 0 0px !important; border: 1px solid #ccc; border-width: 0 0 1px 0; margin-bottom: 0 !important; }

.triggerContent	{ border: none !important; float: left; padding: 10px 20px 10px 10px !important; width: 590px !important; margin-bottom: 0 !important; }
.openlanguage 	{ color: #073873; background: url("img/icon-minus.gif") no-repeat right center !important; margin-top: -1px; padding-left: 10px; padding-right: 10px; }
.closedlanguage { color: #073873; background: url("img/icon-plus.gif") no-repeat right center !important; margin-top: -1px; padding-left: 10px; padding-right: 10px; }
Check inCheck inSign in