@import 'ct2.styles.css';

/*@ colors
slate gray-blue: #3d5361
yellow: #fede6d
blue title: #035394
body bg: #dfe4e6
*/

/*@ .master's */
body { background: #f3f4f6 url('/Images/bgBodyRptX.jpg') repeat-x; font: normal 12px/1.5 Arial; color: #444; margin: 10px 0px 0px 0px; cursor: default }
a:link, a:visited { text-decoration: underline; color: #035394 }
a:hover, a:active { text-decoration: underline; color: #000 }
a.button:link, a.button:visited, a.button:hover, a.button:active { display: block; padding: 5px 10px; margin: 5px 10px; background: #cacaca; text-decoration: none; float: left; font: bold 12px Arial; color: Black }
#wrapper, #content { width: 783px; margin: 0px auto; position: relative }
input[type='text'], input[type='password'], textarea { border: solid 1px #aaa; padding: 3px; font: normal 12px Arial }
select, option { font: normal 12px Arial }
a.LiveHelp { display: block; margin: 10px 0px }
div.QuoteBox { float: right; background: url('/Images/bgQuoteBox.jpg') no-repeat; width: 227px }
div.QuoteBox q { color: #3d5361; font: bold italic 14px Arial; display: block; padding: 20px 15px 0px }
div.QuoteBox em { font: italic 12px Arial; display: block; padding: 0px 10px 10px; text-align: right }
ul.FeatureList {margin: 0px 10px 30px}
ul.FeatureList li { padding-left: 15px; background: url('/Images/bgListArrow.gif') 0px 2px no-repeat; font-style:italic }
ul.ArrowList {margin: 0px 10px 30px}
ul.ArrowList li { padding-left: 15px; background: url('/Images/bgListArrow.gif') 0px 2px no-repeat }
ol { margin: -10px 30px 20px }
ol li { list-style-type: decimal; margin: 10px }
#content div.MainCol ul.ListLinks { margin: 0px 0px 20px 0px  }
#content div.MainCol ul.ListLinks li { list-style: none; clear: left }
#content div.MainCol ul.ListLinks li a { padding: 0px 15px; display: block; float: left }
div.LeftCol { width: 204px }
div.LeftColTop { background: url('/Images/bgLeftColTopMain.jpg') no-repeat; width: 204px; min-height:135px; padding-top: 30px}
div.LeftColTop p { padding: 0px 10px 10px }
div.LeftColTop h4, div.RightColTop h4 { color: #035394; font: bold italic 14px Arial; padding: 0px 10px 10px }
div.LeftColTop h4 + div.ClickHere, div.LeftColTop div.ClickHere { margin-top: 0px }
div.ClickHere { text-align:center; color: #035394; font: bold italic 14px Arial; margin-top: 30px }
div.ClickHere a { display: block; margin: 5px auto }
div.LeftColTop address { font: italic 12px Arial; color: #444; display: block; padding: 0px 10px 10px }

/*@ newsletter box */
#NewsletterBox { margin-left: 20px}
#NewsletterBox input[type='text'] {width: 200px; height:22px; background: url('/Images/bgTextFieldRptX.jpg') repeat-x; font: normal 12px Arial; border-top: solid 1px #aaa; border-bottom: 0px; border-left: 0px; border-right: 0px; vertical-align: middle }
#NewsletterBox h3 { font: bold italic 16px Arial; color: Black }
#NewsletterBox em { display: block }
#NewsletterBox input.SignUp { vertical-align: top; margin: 0px; padding: 0px; cursor: pointer}

/*@ sidebar lists & links */
ul.SidebarLinks { margin: 0px 10px 20px }
ul.SidebarLinks li a { margin: 0px 10px; padding: 0px 15px; display: block }
ul.BoldSidebarLinks { margin-bottom: 30px }
ul.BoldSidebarLinks li a { margin: 0px 10px; padding: 0px 15px; display: block; color: #035394; font: bold 14px Arial; }
#page_newsarticle li.currentnews a, #page_newsarticlearchive li.archivednews a,
#page_alliancepartners li.alliancepartners a, #page_authorizedresellers li.authresellers a,
#page_newsletterview li.newsletterview a,
a.selectedArrow { background: url('/Images/bgListArrow.gif') 0px 2px no-repeat; text-decoration: none }

/*@ news & events template */
#NewsArticle { position: relative }
#NewsArticle em.SubTitle { display: block; margin: 10px }
#NewsArticle strong.PostDate { display: block; float: left; margin: 0px 5px 0px 10px }
#page_neweventsportal #NewsArticle strong.PostDate { display: block; float: left; margin: 0px 5px 0px 0px }
#NewsArticle h5.SubTitle { font: italic 12px Arial; padding: 0px 3px }
#NewsArticle p.ContactInfo {  }
#NewsArticle p.Preview { padding: 10px }
#NewsArticle ul { margin: 0px 20px 20px }
#NewsArticle ul li { margin: 0px 20px; list-style: disc }
#NewsArticle p.ReadMore, div.EventPreview p.ReadMore { text-align: right; padding: 0px 10px 10px; margin: 0px }
a.ReadMore:after {content:".";display:block;height:0;clear:both;visibility:hidden}
#NewsArticle h3.PostHeader, div.EventPreview h3.PostHeader { display: block; padding: 3px }
#page_neweventsportal div.Col { float: left; width: 60% }
#page_neweventsportal div.Col + div.Col { width: 39% }
#page_neweventsportal div.EventPreview p.Preview { clear: both; padding: 10px 10px 30px }
div.EventPreview strong.PostDate { display: block; margin: 0px 5px 0px 0px }
div.Preview, div.EventPreview { clear: both; margin: 0px 10px 10px; border: solid 1px #aaa; background: url('/Images/bgfooterRRptX.jpg') repeat-x; position: relative }

/*@ news front page */
div.NewsHeadline { position: absolute; top: 45px; left: 10px; display: none; }
div.NewsHeadline h3 + h3 { margin-top: 10px }

/*@ AppTemplate */
div.AppTemplate { margin-bottom: 10px }
div.AppTemplate h4.AppTitle { background: #bbb url('/Images/bgfooterRRptX.jpg') repeat-x; display: block; padding: 3px }
div.AppTemplate div.AppDescription { border: solid 1px #ccc; padding: 10px; margin: 0px 10px }
body.Main #content div.AppTemplate div.AppDescription p { padding: 0px 0px 10px } /* extra tags for selector overrule */
div.AppTemplate div.AppDescription ul { margin: 0px 20px }
div.AppTemplate div.AppDescription ul li { margin: 0px 20px; list-style: disc }
div.LeftColTop h4.AppTitle a { font: normal 12px Arial; text-decoration: underline }
img.logo { margin: 0px 10px 10px }

/*@ case study & print template */
#CaseStudyTemplate { position: relative }
#CaseStudyTemplate h2.CompanyName { padding: 0px 10px; color: #035394; font: bold 14px Arial }
#CaseStudyTemplate h3 { padding: 0px 10px; color: #035394; font: bold 14px Arial }
#CaseStudyTemplate img.CompanyLogo { display: block; float: left; margin-right: 10px; border: 0px }
#CaseStudyTemplate div.CompanyInfo, #CaseStudyTemplate div.TheSolution { padding: 10px }
#CaseStudyTemplate p { padding-left: 0px; padding-right: 0px }
#CaseStudyTemplate ul { margin: 10px }
#CaseStudyTemplate ul li { list-style: disc; margin: 0px 20px }
#page_newsarticle a.printLink, #page_newsarticlearchive a.printLink { position: absolute; top: -10px; right: 0px }
a.printLink { position: absolute; top: -10px; right: 0px }
div.PrintHeader { display: none }

/*@ submenu panel & fixes */
div.SubMenuPanel { position:absolute; top:0px; left:0px; }
div.SubMenuPanel img { cursor: pointer }

/*@ header */
#header { width: 783px; height: 265px; position: relative}
#main_menu { background:url('/Images/bgMenu.jpg') repeat-x; width:783px; height:41px;position: absolute; bottom: 0px; left: 0px; z-index: 110}
#main_menu li {float:left; display:block; padding-top:4px;}
#main_menu li:first-child { margin-left:60px}
#header ul.LoginLinks { position: absolute; top:5px; right: 5px }
#header ul.LoginLinks li { float: left; height: 20px; padding: 0px 5px; margin: 0px; text-align: center; vertical-align: middle }
#header ul.LoginLinks li + li { border-left: solid 1px #3d5361 }
#header ul.LoginLinks li a { font: bold 11px Arial }

/*@ footer */
#footer { clear: both; color: #3d5361; background: url('/Images/bgFooterRRptX.jpg') repeat-x 0px -1px; height: 52px; position: relative }
#footer a:link, #footer a:visited { color: #3d5361; font: bold 11px Arial }
#footer a:hover, #footer a:active { color: #035394; font: bold 11px Arial }
#footer ul li { float: left; display: block; padding: 0px 10px }
#footer ul li + li { border-left: solid 1px #3d5361 }
#footer ul.footerLinks { margin: 0px; padding: 0px; position: absolute; top: 5px; left: 245px }
#footer ul.footerLegalLinks { margin: 0px; padding: 0px; position: absolute; top: 27px; left: 292px }
#footer p.copyright { float: left; text-align: center; font: normal 11px Arial; padding: 12px 0px; margin: 0px; width: 204px; background: url('/Images/bgfooterLRptX.jpg') repeat-x }

/*@ main.master */
body.Main #content {background: url('/Images/bgTwoColsRptY.jpg') repeat-y }
div.MainCol {width: 579px; min-height: 201px; padding-top: 30px; background: url('/Images/bgMainColRptX.jpg') repeat-x; position:relative}
div.MainCol p {padding: 0px 10px 20px; margin: 0px}
div.MainCol ul {padding: 0px 10px}
div.MainCol h4 {margin: 0px 10px; color: #035394; font: bold 14px Arial}
body.Main #content div.MainCol div.SubMenuPanel ul {margin: 0px} 
body.Main #content div.MainCol div.SubMenuPanel ul li {list-style:none;margin-left: 0px} 

/*@ splash.master */
body.Splash #content {background: url('/Images/bgThreeColsRptY.jpg') repeat-y }
div.LeftCol, div.CenterCol, div.RightCol, div.MainCol { float:left }
div.CenterCol {width: 373px; padding: 30px 0px 5px; background: url('/Images/bgCenterColRptX.jpg') repeat-x}
div.CenterCol p {padding: 0px 10px 20px; margin: 0px }
div.CenterCol h4 {margin: 0px 10px; padding: 0px; color: #035394; font: bold 14px Arial}
div.RightCol { width: 206px }
div.RightColTop { background: url('/Images/bgRightColTop.jpg') no-repeat; width: 206px; min-height: 137px; padding-top: 30px; position: relative }
div.RightCol p.separator {background : url('/Images/bgRightColSeparator.jpg') no-repeat; width:206px; height:35px; margin: 0px}
div.RightCol ul.LoginLinks { padding-bottom: 10px }
div.RightCol ul li { margin: 0px 10px 5px }
ul.LoginLinks a:link, ul.LoginLinks a:visited, div.RightCol ul a:link, div.RightCol ul a:visited {color: #3d5361; font: bold 12px Arial; border-bottom: solid 1px #3d5361; text-decoration: none}
ul.LoginLinks a:hover, ul.LoginLinks a:active, div.RightCol ul a:hover, div.RightCol ul a:active {color: #035394; font: bold 12px Arial; border-bottom: solid 1px #035394; text-decoration: none}

/*@ contact us & directions */
#page_contactus div.MainCol ul { margin: 0px 150px 20px }
#page_contactus div.MainCol input[type='checkbox'] { margin-right: 10px }
fieldset.textFields label { text-align:right; display: block; width: 150px; float: left; clear: left; margin: 4px 0px }
fieldset.textFields input[type='text'], fieldset.textFields textarea { margin: 2px 10px; display: block; float: left }
fieldset.textFields textarea { width: 300px }
fieldset.textFields p { text-align: center; clear: both }
fieldset.textFields p input[type='image'] { margin: 10px }
fieldset.textFields br { clear: both }
#page_directions li.directions a, #page_contactus li.contactform a { background: url('/Images/bgListArrow.gif') 0px 2px no-repeat; text-decoration: none }
#page_directions div.MainCol ul {margin: 0px 10px 30px}
#page_directions div.MainCol ul li { padding-left: 15px; background: url('/Images/bgListArrow.gif') 0px 2px no-repeat }
#page_directions div.MainCol a {display: block; margin: 5px 10px}

/*@ service and support */
table.ResponseTimeChart td strong { display: block; float: left; background: #aaa }
table.ResponseTimeChart { margin: 10px 20px; border-collapse: separate; border-spacing: 2px; }
table.ResponseTimeChart tr { padding: 1px 0px }
table.ResponseTimeChart td.high { background: #c66 }
table.ResponseTimeChart td.high_response strong { padding: 5px 10px }
table.ResponseTimeChart td.medium { background: #ff9 }
table.ResponseTimeChart td.medium_response strong { padding: 5px 10px 5px 70px }
table.ResponseTimeChart td.low { background: #9c9 }
table.ResponseTimeChart td.low_response strong { padding: 5px 10px 5px 100px }
table.ResponseTimeChart td { padding: 5px 10px; margin: 2px;  text-align: center; font: bold 12px Arial }
table.ResponseTimeChart td.high_response, table.ResponseTimeChart td.medium_response, table.ResponseTimeChart td.low_response { padding: 0px; text-align: left; font: bold 12px Arial }

/*@ case studies search */
div.CSsearchForm { padding: 0px 20px 20px }
div.CSsearchForm select { width: 200px }
div.CSsearchForm input.SearchButton { float:right; margin: 0px 50px 10px 0px }
div.CSsearchForm div.checklist { padding-left: 30px }
div.CSsearchForm div.checklist label { display: block; width: 100px; float: left }
div.CSsearchForm div.checklist input { float: left }
div.CSsearchForm div.checklist br { clear: both }
div.rad_grid { width: 100%; clear: both }
div.rad_grid tr:hover, div.rad_grid tr.row_alt:hover { background: #bfcfdc }
div.rad_grid th a, div.rad_grid td a { text-align: left; vertical-align: middle; display: block; padding: 5px 5px }
div.rad_grid td a { font: normal 12px Arial }
div.rad_grid th + th a { border-left: solid 1px #aaa }

/*@ center h4 sidebar */
#page_whoweserve div.LeftColTop h4 { text-align: center }

/*@ bullet lists */
#page_insidesalesassociate div.MainCol ul, #page_itspecialist div.MainCol ul, #page_seniorsystemadministrator div.MainCol ul,
#page_whatwedo div.MainCol ul, #page_pmsoftwareenabling div.MainCol ul, #page_whoweserve div.MainCol ul,
#page_partnerresourcehome div.MainCol ul, #page_careeropportunities div.MainCol ul { margin: 0px 10px 20px }
#page_insidesalesassociate div.MainCol ul li, #page_itspecialist div.MainCol ul li, #page_seniorsystemadministrator div.MainCol ul li,
#page_whatwedo div.MainCol ul li, #page_pmsoftwareenabling div.MainCol ul li, #page_whoweserve div.MainCol ul li,
#page_partnerresourcehome div.MainCol ul li, #page_careeropportunities div.MainCol ul li { list-style: disc; margin-left: 20px }

/*@ hosted pm products */
#page_hostedpmproducts div.MainCol div.Col { float:left; width: 33%; padding-bottom: 10px }
#page_hostedpmproducts div.MainCol div.Col h4.AppTitle { font: normal 12px Arial; color: inherit }
#page_hostedpmproducts div.MainCol div.Col h4.AppTitle strong { display: block }
#page_hostedpmproducts div.MainCol div.Col h4 + h4.AppTitle { margin-top: 10px }
#page_hostedpmproducts div.Col img { margin: 5px 10px }

/*@ header fader */
body.Splash div#header_images { display: none }
div#flash_header { position: absolute; top:0px; left:0px; z-index: 50 }
div#header_images img { position: absolute; top:0px; left: 0px; width: 783px; height: 224px }
ul.LoginLinks { z-index: 100 }

/*@ partners stuff */
#page_alliancepartners div.MainCol img, #page_authorizedresellers div.MainCol img { float: left; margin: 10px 10px 0px 0px }
#page_partnerresourcehome li.prhome a, #page_partnerresourcecenter li.prcenter a,
#page_partnerresourcecontact li.prcontact a { background: url('/Images/bgListArrow.gif') 0px 2px no-repeat; text-decoration: none }
#page_partnerresourcecenter div.Col { float: left; margin: 0px 10px 10px; padding: 0px 10px 10px; border: solid 1px #aaa; background: url('/Images/bgfooterRRptX.jpg') repeat-x }
#page_partnerresourcecenter div.Col h4 { padding: 5px 0px 10px; margin: 0px }
#page_partnerresourcecenter div.Col input[type='submit'] + div { padding: 10px 0px } /* tree view holder */
#page_partners table td div.logininputs {margin:10px 0px 10px 120px; }
#page_partners table td div.loginbtnpos {margin:0px 0px 50px 215px; }

/*@ faqs */
#page_faq div.MainCol h4 { padding-bottom: 10px }
#page_faq div.MainCol p { display: none }
#page_faq div.MainCol h3 { cursor: pointer; color: #035394; font: bold 12px Arial; padding: 5px 10px 0px }
#page_faq div.MainCol ul.ExpandCollapse { position: absolute; top: 30px; right: 0px }
#page_faq div.MainCol ul.ExpandCollapse li { float: left; display: block; padding: 0px 5px; color: #035394; font: bold 12px Arial; cursor: pointer }
#page_faq div.MainCol ul.ExpandCollapse li + li { border-left: solid 1px #035394 }

div.MainCol a.BackToNewsLetters { position: absolute; top: 10px; left: 20px; display: block; float: left }