﻿*
{ margin:0px; padding:0px; font-size: 1em; font-family:Arial, Sans-Serif; }

body { 
    -webkit-text-size-adjust: 100%; 
} 


.fSize11 {font-size:11px !important;}

.floatRight{float:right}
.floatLeft{float:left}

.noPadding {padding: 0 !important;}
.noMargin {margin: 0 !important;}

.ml0{ margin-left:0 !important;}
.ml20{ margin-left:20px !important;}

.mb20 { margin-bottom:20px !important;}



.clear10 { display:block; clear:both; height:10px;}
.clear20 { display:block; clear:both; height:20px;}
.clear{ display:block; clear:both; height:0px;}
.cleaerafter {display:box;}
.cleaerafter:after{ clear: both; content: ""; display: block; height: 0; visibility: hidden;}

.displayNone {display: none !important;}

h1, h2, h3, h4 { color: #333333;}

h2{ font-size:160%; font-weight:normal; margin-bottom:15px; padding-bottom:2px; position:relative;}
h2.RegistrationAndLoginHeader { font-size: 18px; font-weight: normal; padding: 14px 0;}
h2.EditorsNoteh2 { border-bottom: 1px solid #E7E7E7; font-size: 24px; margin-bottom: 17px; padding-top: 20px;}

span.tInfoRegular, .tInfoText { font-size: 11px !important;}

.underlineH { border-bottom: 1px solid #E5E4E4;}
.underlineH a {font-size: 11px !important; position: absolute !important; right: 0 !important; top: 7px !important; margin:0 !important}

.underline_a {text-decoration:underline !important}

a:link, a:visited, a:hover, a:active, a:focus { cursor: pointer; outline: medium none; text-decoration:none;}
a img {	outline:none; border:none 0; padding:0px; margin:0px;}
a.moreInHeadline, a.moreInHeadline:visited, a.moreInHeadline:active{ position:absolute; right:0px; bottom:2px; font-size:65%; color: #376AAC;}
a.dashed { border-bottom: 1px dashed;}

.PDFIcon {background:url(../images/elements/search-sprite.png) no-repeat scroll 0 -22px transparent; display: inline-block; padding-left: 23px; }

body, body a {font: 11px/1.4 arial,sans-serif; color:#333;}
body a {text-decoration:none; color:#333; outline: medium none;}

ul{ list-style:none;}

hr{ background-color: #E5E4E4; border: 0 none #E5E4E4; clear: both; color: #E5E4E4; height: 1px; margin-top: 5px; width: 100%;}

.RemoveBottomMargin { margin-bottom: 0 !important;}
.RemoveTopMargin { margin-top: 0 !important;}
.RemoveRightMargin { margin-right: 0 !important;}
.RemoveLeftMargin { margin-left: 0 !important;}

.RemoveTopPadding { padding-top: 0 !important;}
.RemoveBottomPadding { padding-bottom: 0 !important;}

.Padding0 { padding: 0 !important;}
.Margin0 { margin: 0 !important;}

.AddBottomMargin8 { margin-bottom: 8px !important;}
.AddBottomMargin34 { margin-bottom: 34px !important;}
.AddBottomMargin17 { margin-bottom: 17px !important;}
.AddBottomMargin24 { margin-bottom: 24px !important;}

.AddTopMargin8 { margin-top: 8px !important;}
.AddTopMargin17 { margin-top: 17px !important;}
.AddTopMargin24 { margin-top: 24px !important;}
.AddTopMargin34 { margin-top: 34px !important;}
.addTopMargin30px { margin-top: 30px !important;}

.AddRightMargin8 { margin-right: 8px !important;}
.AddLeftMargin115 { margin-left: 115px !important;}
.AddLeftMargin20 { margin-left: 20px !important;}

.AddTopPadding8 {padding-top:8px !important;}
.AddTopPadding17 {padding-top:17px !important;}

.TextCenter {text-align: center !important;}
.TextAlignLeft {text-align: left !important;}
.TextAlignRight {text-align: right !important;}

.TextVertTop {vertical-align:top !important}

.rightside {margin-right:0 !important}

.limited em, .supported em, .notsupported em {display: inline-block; font-style: normal; text-indent: -9999px;}

.ReadMore{ background: url("../images/elements/nextIcon.gif") no-repeat scroll 100% 5px transparent; padding-right: 12px !important; }
.Next{ background: url("../images/elements/BignextIcon.gif") no-repeat 0 3px transparent; padding-left: 12px !important; }

#WrapperPage { min-width:986px }
#WrapperTopMenu { height: 100px; margin: 0px; padding: 0px; width: 100%; background-color:Gray; background-image:url(../images/bg_topmenu.png); background-repeat:repeat-x; }
#TopMenu { height: 100px; width: 986px; margin: 0px auto; padding: 0px;}
#TopMenu01 { height:60px; }
#TopMenu01 .conaito-logo {display:block; width:110px; height:60px; background:url(../images/conaito-logo.png);}
#TopMenu01 .conaito-logo2 {display:block; width:110px; height:60px; background:url(../images/conaito-logo2.png);}
#TopMenu01 .LoginWrapper {height:46px; float:right; color:#CCC; padding-top:14px; padding-right:5px; text-align:right;}
#TopMenu01 .LoginWrapper a{color:#FFF; font-weight:bold; font-size:12px;}
#TopMenu01 .LoginWrapper a.why{color:#CCC; font-weight:normal; font-size:11px;text-decoration: none; border-bottom:1px dotted;}

#WrapperPageBody{ padding: 0px; margin: 0px; width: 100%; background-color:White; background-image:url(../images/bg_content_01.png); background-repeat:repeat-x; background-position:top;}
#PageBody { width:986px; margin: 0px auto; padding:0px 0px 20px 0px;}
#PageBodyInner { width:986px; padding-top: 15px; }
#ctl00_PageBodyInner { width:986px; padding-top: 15px; }

#WrapperPageLinks { padding: 10px 0px 25px 0px; margin: 0px; width: 100%; background-color:#f0f0f0; float:left;}
#PageLinks {display:block; width:918px; margin: 0px auto; padding:0px;}
#PageLinks div { float: left; margin: 0px; padding-right: 13px; width: 142px;}
#PageLinks div.rightside {padding-right: 0px !important;}
#PageLinks, #PageLinks a {font-size:11px; color:#666;}
#PageLinks a:hover{ text-decoration:underline;}
#PageLinks h3 { color: #333333; font-size: 110%; font-weight: bold; margin-top: 4px; padding: 0px; text-transform: none;}
#PageLinks h3.pageTitle a { font-weight: normal; color:#333;}
        
#WrapperCompanyInfo{ padding:0px; margin: 0px; width: 100%; background-color:#CCC; float:left;}
#WrapInnerCompanyInfo { font-size:11px; display:block; width:918px; margin: 0px auto; padding:0px;}
#WrapInnerCompanyInfo a { font-size:11px;}
#WrapInnerCompanyInfo a:hover { color:#666;}

#CompanyInfo { padding:15px 0;}

#WrapperFooter { padding:0px; margin: 0px; width: 100%; background-color:#21242c; float:left;}
#WrapInnerFooter { display:block; width:918px; margin: 0px auto; padding:0px;}

#Footer{ font-size:11px; color:#666; float:left; width:918px; margin: 0px; padding:10px 0 ;}
#Footer a:link, #Footer a:visited, #Footer a:hover, #Footer a:active { color: #999; text-decoration: none; font-size:11px;}
#Footer a:hover { text-decoration: underline;}
    
/* ###############################################################################################################
    Content
################################################################################################################*/
	
.PageRoundWhiteHead{ background: url(../images/elements/topRoundWhite.png) no-repeat scroll; min-height: 10px;}
	
/* ###################################################
	SectionMenu
####################################################*/

.SectionMenu { margin: 0 auto; min-height: 44px; overflow: hidden; width: 986px;}
        
.SectionMenu .SectionTitle{ float: left; margin: 0 34px 12px 12px;}
.SectionMenu .SectionTitle a.logo { background: url("../images/products/topLogos.jpg") no-repeat scroll 0 -37px transparent; display: block; height: 27px; text-indent: -9999px; width: 130px;}
.SectionMenu .SectionTitle a { display: block; height: 27px; width: 130px; /*color: #74757E*/color: #000000; font-size: 18px; text-decoration: none; text-shadow: 0 1px 0 white; line-height: 28px; font-weight: lighter;}

.SectionMenu a.orm { background-position: 0 -37px; }
.SectionMenu a.teampulse { background-position: 0 -370px;}
.SectionMenu a.logo1 { background-position: 0 0px; }
.SectionMenu a.logo2 { background-position: 0 -37px; }
.SectionMenu a.logo3 { background-position: 0 -74px; }


.SectionTabstrip {float: right;	overflow: hidden;}
.SectionTabstrip ul { float: left; margin: 0; overflow: hidden;	padding: 0;}
.SectionTabstrip li { display: inline; float: left;	list-style-type: none; margin: 0; overflow: hidden;	padding: 0;}
.SectionTabstrip li a {	padding: 0 3px; -moz-font-feature-settings: normal;-moz-font-language-override: normal; color: #000000; display: block; float: left;	font-size: 12px; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal !important; line-height: 27px; margin-right: 7px; text-align: left; text-decoration: none;}
.SectionTabstrip li a:hover {text-decoration: underline;}
.SectionTabstrip li a.selected {background-color: #6C6E75; color: #FFFFFF; text-decoration: none;}

.btn-try-now a {
    background: none repeat scroll 0 0 #4188C2;
    background: linear-gradient(#559DCF 0%, #4188C2 100%) repeat scroll 0 0 transparent; 
    /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#559DCF', endColorstr='#4188C2'); for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#559DCF), to(#4188C2)); /* for webkit browsers */
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px 0 rgba(90, 89, 89, 0.65);
    color: #FFFFFF !important;
    display: block !important;
    line-height: 25px !important;
    height: 24px;
    margin: 2px 2px 2px 2px;
    padding: 0 14px !important;
    position: relative;
    text-decoration: none !important;
    text-transform: capitalize;
}

.btn-try-now a:hover {
    background: none repeat scroll 0 0 #559DCF;
    color: #FFFFFF;    
}
.btn-try-now a:hover, .btn-try-now a:focus {
    color: #FFFFFF;
}
.btn-try-now a span {
    display: block;
    height: 26px;
}

/* ###################################################
	ContentWrapper
####################################################*/

.ContentWrapper{ background: none repeat scroll 0 0 #FFFFFF;}
		
/* ###################################################
	BreadcrumbMenu
####################################################*/

.BreadcrumbMenu{background-color: #FFFFFF; color: #666666; display: block;font-size: 11px; padding: 7px 34px 0;}
.BreadcrumbMenu a, .BreadcrumbMenu a:hover, .BreadcrumbMenu a:visited, .BreadcrumbMenu a:active{ color: #000000; float: left; text-decoration: underline;}
.BreadcrumbMenu a:hover{ text-decoration: none;	}
.BreadcrumbMenu span{float: left;}
.BreadcrumbSeparator{ background: url(../images/elements/breadcrumbSeparator.gif) no-repeat scroll 0 0 transparent;	display: block;	height: 5px; margin: 6px 4px 0;	overflow: hidden; text-indent: -99999px; width: 4px; float:left}
			
/* ###################################################
	PageMain
####################################################*/

.PageMain ol {list-style-position: inside; padding: 0 0 0 3px;}
.PageMain ul, .PageMain ol {color: #333333; font-size: 12px; line-height: 24px; margin: 1em 0 0;}

.PageMain fieldset {border: 0 none; margin: 0; padding: 0;}

.PageMain{ background: none repeat scroll 0 0 #FFFFFF; padding: 0 34px 51px; font: 12px/18px arial,sans-serif; color:#333;}
.PageMain a, .PageMain a:link, .PageMain a:visited{ color: #376AAC; text-decoration: none;}

a.BtnAddToCart:link,
a.BtnAddToCart:visited,
a.BtnAddToCart:hover,
a.BtnAddToCart:active { background: url("../images/elements/buttons.gif") no-repeat scroll 0 0 transparent; color: #FFFFFF !important; display: block; font-size: 12px; height: 24px;  margin: 8px auto 0; padding: 3px 0 0 28px; text-align: left; width: 87px; }

a.BtnBigButton { background-clip: padding-box; border: 1px solid #898E87; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.4) inset; color: #FFFFFF !important; cursor: pointer; display: inline-block; font-size: 18px !important; line-height: 48px !important; padding: 0 20px; position: relative; text-align: center; text-decoration: none !important; text-shadow: 0 -1px #006382; white-space: nowrap;
	background-color: #20944B; background: -moz-linear-gradient(center top , #22C260 0%, #20944B 100%) repeat scroll 0 0 transparent; background-clip: padding-box; border-radius: 4px 4px 4px 4px; font-size: 18px; line-height: 48px; }
a.BtnBigButton:hover {background: #22C260 !important}

a.BtnBigButton.orange {background-color: #C4571D; background: -moz-linear-gradient(center top , #EF7535 0%, #C4571D 100%) repeat scroll 0 0 transparent;}
a.BtnBigButton.orange:hover {background: #EF7535 !important;}

a.BtnBigButton.green {background-color: #20944B; background: -moz-linear-gradient(center top , #22C260 0%, #20944B 100%) repeat scroll 0 0 transparent;}
a.BtnBigButton.green:hover {background: #22C260 !important;}

a.BtnBigButton.blue {background-color: #3182B9; background: -moz-linear-gradient(center top , #5CA8DC 0%, #3182B9 100%) repeat scroll 0 0 transparent;;}
a.BtnBigButton.blue:hover {background: #5CA8DC !important;}

a.BtnBigButton.red {background-color: #A01531; background: -moz-linear-gradient(center top , #D31F43 0%, #A01531 100%) repeat scroll 0 0 transparent;;}
a.BtnBigButton.red:hover {background: #D31F43 !important;}

a.BtnBigButton.purple {background-color: #5E3671; background: -moz-linear-gradient(center top , #783F92 0%, #5E3671 100%) repeat scroll 0 0 transparent;;}
a.BtnBigButton.purple:hover {background: #783F92 !important;}

.PageMain a:hover{ color:#002A7F;}
.PageMain p, .PageMain ul{ font-size: 1.0em; line-height: 18px; margin: 1em 0 0;}
.PageMain a{ font-size: 1.0em; line-height: 18px; margin: 1em 0 0; }

a.BtnStretch, a.BtnProduct, a.BtnIcon { background:url("../images/buttons-sprite.png") no-repeat scroll 0 -138px transparent; display: block; float: left; height: 29px; margin: 0; padding: 0 0 0 25px; }
a.BtnStretch { width: auto !important;}
a.BtnStretch.centered { display: inline-block; float: none; }
a.BtnStretch span, a.BtnProduct span, a.BtnIcon span { background: url("../images/buttons-sprite.png") no-repeat scroll 100% 0 transparent; color: #FFFFFF; display: block; float: left; font-size: 12px; height: 21px; line-height: 12px; padding: 9px 10px 0 0; text-align: left;}
a.BtnStretch:hover { background-position:0 -207px;}
a.BtnStretch:hover span { background-position:100% -69px;}

a.BtnStretch.Link { background-position: 0 -138px;} /* immer px*/
a.BtnStretch.Link:hover { background-position: 0 -207px;}
a.BtnStretch.Demos { background-position: 0 -552px;} /* immer px*/
a.BtnStretch.Demos:hover { background-position: 0 -621px;}
a.BtnStretch.Download { background-position: 0 -276px;}
a.BtnStretch.Download:hover { background-position: 0 -345px;}
a.BtnStretch.Purchase { background-position: 0 -414px;}
a.BtnStretch.Purchase:hover { background-position: 0 -483px;}
a.BtnStretch.Videos { background-position: 0 -690px;}
a.BtnStretch.Videos:hover { background-position: 0 -759px;}

a.BtnBigStretch{ background: url(../images/elements/download_trial.png) no-repeat scroll 0 0 transparent; display: block; height: 51px; text-indent: -9999px; width: 284px;}
a.BtnBigStretch:hover { background-position:0 bottom;}

.PageMain h1 { font-size: 24px; font-weight: normal; line-height: 1.2; margin: 17px 0 7px;}
.PageMain h2{ font-size: 18px; font-weight: normal; line-height: 1.3; margin: 17px 0 7px; }
.PageMain h3{ font-size: 14px; font-weight: normal; line-height: 1.8; margin: 1.2em 0 7px; text-transform:none; margin:0; color:#333;}

h2.EditorsNoteh2 { border-bottom: 1px solid #E7E7E7; font-size: 24px; margin-bottom: 17px; padding-top: 20px;}

ul.ListSpace10 li{margin-bottom:10px !important}
ul.Download p{margin:0;}
ul.Download span, ul.Download li p {color: #666666;}
ul.ListNormalRedpoint li { background: url(../images/elements/sprite-no-repeat.gif) no-repeat scroll 6px -431px transparent; line-height: 18px; margin: 0; padding: 0 0 0 17px; }
ul.ListNormalNext li { background: url(../images/elements/bignextIcon.gif) no-repeat scroll 0 6px transparent; line-height: 19px; margin: 0 0 7px 0; padding: 0 0 0 17px; }

.PageMain ul.QuickLinks{ overflow: hidden; padding: 12px 0 2px; list-style-type: none; color: #333333; font-size: 12px; line-height: 24px; margin: 1em 0 0;}

.PageMain ul.QuickLinks li {padding: 5px 0 13px; }
.PageMain ul.QuickLinks li span.icon{ background: url("../images/support-icons.png") no-repeat scroll 0 0 transparent; float: left; height: 39px; width: 42px; }
	
.PageMain ul.QuickLinks li span.Documentation{ background-position: 0px 0px; }
.PageMain ul.QuickLinks li span.Tutorial{ background-position: 0px -300px; }
.PageMain ul.QuickLinks li span.Video{ background-position: 0px -600px; }
.PageMain ul.QuickLinks li span.Issue{ background-position: 0px -900px; }
.PageMain ul.QuickLinks li span.Forum{ background-position: 0px -1200px; }
.PageMain ul.QuickLinks li span.Code{ background-position: 0px -1500px; }
.PageMain ul.QuickLinks li span.KB{ background-position: 0px -1800px; }
.PageMain ul.QuickLinks li span.Support{ background-position: 0px -2100px; }
.PageMain ul.QuickLinks li span.Webinar{ background-position: 0px -2400px; }
.PageMain ul.QuickLinks li span.BlogRSS{ background-position: 0px -2700px; }
.PageMain ul.QuickLinks li span.Facebook{ background-position: 0px -3000px; }
.PageMain ul.QuickLinks li span.Newsletter{ background-position: 0px -3300px; }
.PageMain ul.QuickLinks li span.ReleaseRSS{ background-position: 0px -3600px; }
.PageMain ul.QuickLinks li span.Twitter{ background-position: 0px -3900px; }
.PageMain ul.QuickLinks li span.Demos{ background-position: 0px -4200px; }
.PageMain ul.QuickLinks li span.Feedback{ background-position: 0px -4500px; }
.PageMain ul.QuickLinks li span.Sales{ background-position: 0px -4800px; }

.PageMain ul.QuickLinks li a{ display: inline-block; font-size: 14px; line-height: normal; margin:0 !important }
.PageMain ul.QuickLinks .noLink { color: #777777; }
.PageMain ul.QuickLinks li .info{ background-image: none; display: inline-block; float: left; line-height: normal; width: 213px; color: #777777; font-size: 11px !important; }

a.noLink { color: #777777; }
p.noLink { color: #777777; }

ul.ArticleList li { background: none repeat scroll 0 0 transparent; margin-bottom: 7px; padding: 2px 0 1px;}
ul.ArticleList a { font-size: 14px; margin:0;}
p.ArticleDate { color: #777777; font: 11px/15px arial,sans-serif; margin: 0;}
span.Link {font-size: 0.9em;}
span.Link a.Rss { background: url(../images/elements/rss.gif) no-repeat scroll right center transparent;  padding-right: 16px;}

ul.CorporateNews li, ul.CorporateNewsRight li, ul.PressNews {background: none repeat scroll 0 0 transparent; clear: both; margin-bottom: 0; padding: 0;}
ul.CorporateNews li span, ul.CorporateNewsRight li span, ul.PressNews li span { color: #777777; float: left; font-size: 0.9em; white-space: nowrap; width: 80px;}
ul.CorporateNews li a, ul.CorporateNewsRight li a, ul.PressNews li a { float: left; font-size: 14px; margin-bottom: 8px; width: 527px;}
.PageLeftContent ul.CorporateNews li a {width: 455px; margin:0; padding-bottom:25px;}

.PressNews li .Content { float: left; font-size: 14px; padding-bottom: 25px; width: 455px !important;}
.PageLeftContent .PressNews li a {margin:0; width:100%;}
.PageLeftContent .PressNews li p {margin:0;}
.PressNews li .Source { font-size: 12px;}

.ThreeColumnsLeftCenter ul.CorporateNews li a, .ThreeColumnsRight ul.CorporateNews li a{width: 200px; margin-top:0;}

.Testimonial {background: none repeat scroll 0 0 #F2F3F5; margin: 0 0 17px; overflow: hidden; padding: 17px;}
.Testimonial img{border: 1px solid #FFFFFF; float: left; margin: 0 10px 0 0;}
.Testimonial .info{background:url("../images/elements/quotes.jpg") no-repeat scroll 0 0 transparent; float: left; padding: 0 0 0 60px; width: 488px;}
.Testimonial .info h3 { font: italic 400 16px Arial; margin: 0;}
.Testimonial .info p, .Testimonial .info p a{ color: #999999; font: 400 12px Arial; margin: 0; text-align: right;}
.Testimonial .info p strong{ color: #000000; font: 400 12px Arial; margin: 0;}
.Testimonial .info p a:hover{ color: #376AAC}

.bgQuotes {background:url("../images/elements/quotation_mark.gif") no-repeat scroll 50px 10px transparent;}

.TestimonialList{}
.TestimonialList li{background: url("../images/elements/quotation_mark.gif") no-repeat scroll 20px 15px transparent; list-style-type: none; margin: 0; padding: 15px 0 30px 70px;}
.TestimonialList .PostContent{ }
.TestimonialList .AuthorInfo{ margin-top:5px; font-size: 11px; font-style: normal; line-height: 15px; }
.TestimonialList .AuthorPosition{ clear: both; color: #999999; display: block; font-style: italic; }

.ContentLeftColumn{clear: both; float: left; margin-right: 34px;}
.ContentRightColumn{float: right;}


.TxtBoxLightGrey{background-color: #F6F7F8; border: 1px solid #D9D9D9; padding: 0 17px;}
.TxtBoxLightGrey .ContentLeftColumn,.TxtBoxLightGrey .ContentRightColumn{ margin: 0 0 17px; width: 310px !important;}

.PageMain .TxtColumn{ margin: 0 34px 34px 0; width:442px; float:left; padding:0}

span.Info{ color: #777777; font-size: 11px !important;}

.LogoBox {float: left; padding: 0 0 17px; width: 135px;}
.LogoBox span.Logo{background: url("../images/products/purchase-boxes.jpg") no-repeat scroll 0 0 transparent; float: left; height: 120px; margin: 0 17px 0 30px; width: 62px;}
.LogoBox span.Logo.Prod001{background-position: -73px 0;} /* immer + 73px */
.LogoBox span.Logo.Prod002{background-position: -146px 0;}
.LogoBox span.Logo.Prod003{background-position: -219px 0;}
.LogoBox span.Logo.Prod004{background-position: -292px 0;}

.ProductBox {float: left; margin-right: 10px; }

.PurchaseTxt{padding: 17px 0 0 0; overflow:hidden;}
.PurchaseTxt .LogoBox{width: 109px;}
.PurchaseTxt p, .PurchaseTxt a {margin:0;}
.PurchaseTxt a {font-size:11px;}
.PurchaseTxt .Label {float: right; margin-right: 35px; text-align: center; width: 100%; font-size:1em;}

.ColoredTable{}
.ColoredTable li{color: #777777; display: inline-block; float: left; font-size: 11px; font-style: italic; height: 120px; margin-right: 2px; padding-top: 14px; position: relative; text-align: center; width: 154px;}
.ColoredTable .gray { background-color: #F7F7F7; width: 224px;}
.ColoredTable .blue{ background-color: #EBF0F7; width: 690px; }
.ColoredTable .red{ background-color: #F2EEF6; width: 690px; }
.ColoredTable span{ bottom: 0; color: #333333; display: inline-block; float: left; font-size: 15px; height: 30px; width: 113px; position:absolute; }

.ColoredTable.cols2 .blue1{ background-color: #D7E1EE; left:0 ;padding-top: 14px; width: 344px;}
.ColoredTable.cols2 .blue2{background-color: #C3D2E6; left:346px; padding-top: 49px; width: 344px; }

.ColoredTable.cols2 .red1{ background-color: #D8CCE3; left:0 ;padding-top: 14px; width: 344px;}
.ColoredTable.cols2 .red2{background-color: #CBBBDA; left:346px; padding-top: 49px; width: 344px; }

.ColoredTable.cols3 .blue1{ background-color: #D7E1EE; left:0 ;padding-top: 14px; width: 229px;}
.ColoredTable.cols3 .blue2{background-color: #cbd8e9; left:231px; padding-top: 31px; width: 229px; }
.ColoredTable.cols3 .blue3{background-color: #C3D2E6; left:462px; padding-top: 49px; width: 229px; }

.ColoredTable.cols6 .blue1{ background-color: #D7E1EE; left:0 ;padding-top: 14px; }
.ColoredTable.cols6 .blue2{background-color: #d3deec; left:115px; padding-top: 21px; }
.ColoredTable.cols6 .blue3{background-color: #d0dbeb; left:230px; padding-top: 28px; }
.ColoredTable.cols6 .blue4{background-color: #cbd8e9; left:345px; padding-top: 35px; }
.ColoredTable.cols6 .blue5{background-color: #c6d4e7; left:460px; padding-top: 42px; }
.ColoredTable.cols6 .blue6{background-color: #C3D2E6; left:575px; padding-top: 49px; width: 115px; }

.TableStripes.cols6 td a.Button {margin-left:13px;}
.TableStripes.cols2 td a.Button {margin-left:128px;}
.TableStripes.cols3 td a.Button {margin-left:72px;}

.Table {background-color: #FFFFFF; border-collapse: collapse; margin: 1em 0 20px; width: 100%;}
.Table th, .Table td{ padding: 5px 17px; text-align: left; vertical-align: top; font-size:11px;}
.Table thead th { border-bottom: 2px solid #666666;}
.Table tbody th, .Table tbody td { border-bottom: 1px solid #D9D9D9; font-weight: normal;}

.Table.DarkText th, .Table.DarkText td{ color:#333 !important}

.TableStripes { border-collapse: separate; clear: both; margin:17px 0 34px; width: 100%;}
.TableStripes th.left {width: 151px !important; text-align:left !important;}
.TableStripes.cols2 th {width: 250px;}
.TableStripes.cols3 th {width: 156px;}
.TableStripes.cols4 th {width: 225px;}
.TableStripes.cols6 th {width: 60px;}
.TableStripes th {background-color: #E6E6E6; border: 0 none; color: #777777; font: 11px arial; height: 14px; padding: 14px 17px !important; vertical-align: middle; text-align: left;}
.TableStripes th a{ font-weight:bold; }
.TableStripes thead tr.white th {background: none repeat scroll 0 0 #FFFFFF; border-bottom: 1px solid #D9D9D9; color: #777777; font-weight: normal; text-align: center; }
.TableStripes tbody th {background: none repeat scroll 0 0 #FFFFFF; border: 0 none; text-align: left; }
.TableStripes td { border-bottom: 0 none !important; color: #777777; margin: 0 auto; padding: 5px 17px !important; text-align: center; vertical-align: middle; }
.TableStripes td strong { color: #333;}

.TableStripes tr.higlightoffer {font-size: 16px !important;}
.TableStripes tbody tr.odd th {background-color: #E6E6E6;}
.TableStripes tr.odd td {background-color: #EDEDED;}
.TableStripes td .supported, .TableStripes td .limited, .TableStripes td .notsupported { background: url("../images/elements/circles.png") no-repeat scroll 0 0 transparent; color: #666666; display: block; font-size: 10px;     height: 16px; margin: 0 auto; overflow: hidden; padding: 0 0 3px 0; text-align: center; text-indent: 0 !important; width: 16px; }
.TableStripes td .notsupported {background-position: 0 -40px;}
.TableStripes td .hasFeature, .TableStripes td .noFeature {background: url("../images/elements/yes-no.gif") no-repeat scroll 0 2px transparent; display: block; margin: 0 auto; overflow: hidden; width: 17px;}
.TableStripes td .limited {background-position: 0 -20px;}

.Pricing thead .heading th {color: #333333; font: italic 15px arial; text-align: center;}
.Pricing thead .heading th h3 {font-style: normal;}
.Pricing {margin:0;}

.TableStripes span.Yes, .TableStripes span.No { margin: 0 auto; width: 15px;}
.TableStripes td.feature, .TableStripes th.feature{text-align: left; width: 284px;}

.BorderNote{font-style: italic; padding: 5px 17px;}
.BorderNote a{font-style: italic}

.SystemRequirements {background: none repeat scroll 0 0 #E2EEFF; margin-top: 5px; padding: 14px 9px;}
.SystemRequirements h2 {margin: 0 0 10px;}

ul.TableSys { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #AFD1FF; float: left; margin: 0 0 15px; width: 526px;}
ul.TableSys li { background: url("../images/elements/dots-x.gif") repeat-x scroll center bottom transparent; float: left; height: 156px; padding: 0; text-align: center; width: 175px;}
ul.TableSys li span { background: url("../images/elements/dots-y.gif") repeat-y scroll right center transparent; display: block; height: 132px; padding: 12px 0; width: 176px; }
ul.TableSys li .noBg, ul.TableSys .noBg { background: none repeat scroll 0 0 transparent;}

h2 .Icon { background: url("../images/products/purchase-boxes.jpg") no-repeat scroll 0 -4px transparent; bottom: 61px; float: left; height: 120px; margin: 0 17px 0 0; width: 62px; }

.BlueBox { background: none repeat scroll 0 0 #E2EEFF; clear: both; padding: 17px;}
.BlueBox h2 { margin-top: 0 !important;}
.BlueBox.RegMessage { background: url(../images/elements/bluebox_corner.png)no-repeat scroll center bottom #F0F6FF; padding-bottom: 33px; }
.BlueBox.RegMessage ul li { background-position: 9px -432px; color: #666666; margin-top: 0; padding-left: 24px;}

.BlueBox2 { background: none repeat scroll 0 0 #E2EEFF; clear: both; padding: 17px; }

h2.PurchaseHeading { border-bottom: 1px solid #D9D9D9; font-size: 18px; font-weight: normal; margin: 17px 0 7px; top: 0px; left: 0px;}

.PurchaseSection { border-bottom: 1px solid #D9D9D9; padding: 17px 0 22px; position: relative; width: 918px;}
.PurchaseSectionLeft { display: inline; float: left; margin: 0 17px; width: 213px;}
.PurchaseSection .Bundle { background-position: -879px 0; float: left; height: 114px; margin: 0; width: 70px;  background: url("../images/products/purchase-boxes.jpg") no-repeat scroll 0 0 transparent;  }
.PurchaseSection .PurchaseLeftMargin { margin-left: 61px !important;}

.PurchaseSectionText { float: left; width: 671px;}
.PurchaseSectionText a, .PurchaseSectionText p { margin-top:0;}
.PurchaseSection .Price {display: inline-block; float: left; font-size: 18px; margin-top: 17px; padding: 4px 0 9px; }
.PurchaseSectionText .BtnStretch { margin: 17px 0 0 6px;}

.PurchaseSection .Product001 { background-position: -658px 0; bottom: 0; height: 124px;}

.ImgLeftFloat { float:left; margin-bottom:3px; margin-right:3px; }
.ImgLeftMiddle { margin-right:10px; vertical-align:middle; }

.TextblockImageLeft{padding: 10px 0 15px ;}
.TextblockImageLeft .TextBlock{float:left;}
.TextblockImageLeft span{float: left; background-repeat:no-repeat;}
 span.img001{ background-image:url(../images/products/premium_small.png); width:79px; height:110px;  } /* weite  = bildgröße + textabstand */
 
.Showcases {}
.Showcases .scNew { background: none repeat scroll 0 0 #2DBCC4; color: #FFFFFF; font-size: 11px;}

.NewsList li h2, .NewsList li h2 span { font-size: 13px ; font-weight: bold;}
.NewsList li h2 span {display: table-cell; float: right; padding: 0 2px;}
.NewsList li { background: none repeat scroll 0 0 transparent !important; float: left; padding: 0 28px 0 0; width: 208px;}
.NewsList li.LastOnRow { clear: right; padding-right: 0; }
.NewsList li h2 { display: table-cell; font-size: 13px; font-weight: bold; margin: 0 !important; padding-bottom: 7px;}

.scThumbnail { border: 1px solid #A4BBCD;}
.scThumbnail span { background: none repeat scroll 0 0 #0C1A28; bottom: 0; display: none; left: 0; margin: 0 -2px 0 0px; overflow: hidden; padding: 4px 6px; position: absolute; width: 194px;}
.scThumbnail:hover span {display: block;}
.scThumbnail:hover { border: 1px solid #0C1A28;}
.scThumbnailInner { border-color: #FFFFFF #FFFFFF -moz-use-text-color; height: 155px; position: relative;}
.scThumbnail .scThumbnailInner span a { background: url(../images/elements/externalWeb.gif) no-repeat scroll 100% 1px transparent; color: #FFFFFF; font-size: 11px; padding-right: 15px; }

.ContactSocMedia {height: 34px; margin-top: 17px !important; padding-left: 34px; position: relative;}
p.ContactSocMedia a {display: block;}
#ContactOnFacebook, #ContactOnTwitter, #ContactOnLinkedIn, #ContactOnGoogle { background: url(../images/elements/sm-logos.png) no-repeat scroll 0 0 transparent; height: 27px; left: 0; overflow: hidden; position: absolute; text-indent: -999px;
    top: 3px; width: 27px;}
#ContactOnTwitter { background-position: -28px 0;}
#ContactOnLinkedIn { background-position: -56px 0;}
#ContactOnGoogle { background-position: -84px 0;}

.Warning {  background: url(../images/elements/msgs.gif) no-repeat scroll -1890px 10px #E5F7FF; clear: both; display: block; margin: 20px 0 0; padding: 20px 20px 20px 60px;}
.Warning p { margin: 0; color: #666666; font-weight: normal;}

.WarningEmpty { background-color: #E5F7FF; clear: both; display: block; margin: 20px 0 0; padding: 10px 20px 10px 20px;}
.WarningEmpty p { margin: 0; color: #666666; font-weight: normal;}

ul.UlGreyBoxes { margin-top: 21px;}
ul.UlGreyBoxes li { background: url(../images/elements/ulBoxBg.png) repeat-y scroll right top #FFFFFF; border: 1px solid #DBE2E8; margin-bottom: 10px; padding: 10px 10px 20px;}
ul.UlGreyBoxes li h2 { color: #333333; font-family: Arial; font-size: 18px; font-style: normal; font-weight: normal; margin: 0; padding: 0;}
ul.UlGreyBoxes li h2 span { color: #C5CADA; font-family: Times New Roman; font-size: 27px; font-style: italic; font-weight: bold; margin-right: 8px; }

.FourColumnsLeftCenter, .FourColumnsRight { margin: 0 0 34px; width: 204px;}
.FourColumnsLeftCenter { float: left; margin-right: 34px;}
.FourColumnsRight { float: right;}

.SixColumnsLeftCenter, .SixColumnsRight { margin: 0 15px 14px; width: 123px;}
.SixColumnsLeftCenter { float: left; margin-right: 15px;}
.SixColumnsRight { float: right;}

.TwoEqualColumnsLeft, .TwoEqualColumnsRight {margin: 0 0 34px;}
.TwoEqualColumnsLeft { float: left; margin-right: 34px; width: 442px;}
.TwoEqualColumnsRight { float: right; width: 442px;}

.TwoColumnsLeft, .TwoColumnsRight { margin: 0 0 34px;}
.TwoColumnsLeft { float: left; margin-right: 34px; width: 600px;}
.TwoColumnsRight { float: right; width: 284px;}

.ThreeColumnsLeftCenter, .ThreeColumnsRight { margin: 0 0 34px; overflow: hidden; width: 283px;}
.ThreeColumnsLeftCenter { float: left; margin-right: 34px;}
.tThreeColumnsRight { float: right; width: 284px;}

.SupportDocumentationTitle { color: #666666; float: left; padding: 17px 0 0; width: 220px;}
.SupportDocumentationTitle h1 { color: #666666; font-size: 12px; line-height: 1; margin: 0;}
.SupportDocumentationTitle h1 strong { color: #333333; display: block; font-size: 18px; font-weight: normal; padding-top: 7px;}

a.fThumbnail:link, a.fThumbnail:visited, a.fThumbnail:hover, a.fThumbnail:active { border: 1px solid #A4BBCD; display: block; margin-top: 5px; position: relative; }
a.fThumbnail:link, a.fThumbnail:visited, a.fThumbnail:hover, a.fThumbnail:active { border: medium none; padding-bottom: 5px;}
.fThumbnail span { background: url(../images/elements/features.gif) no-repeat scroll 0 -200px transparent; bottom: -1px; display: block; height: 18px; overflow: hidden; position: absolute; right: -1px; text-align: left; text-indent: -9999px; width: 18px;}
a.fThumbnail span { background: url(../images/elements/expand_alt.png) repeat scroll 0 0 transparent; height: 40px; width: 40px; }

.facebook, .google, .twitter, .linkedIn { background: url(../images/elements/sm-logos.png) no-repeat scroll 0 0 transparent; display: inline-block; height: 27px; text-indent: -9999px; width: 27px;}
.twitter {background-position: -28px 0;}
.linkedIn {background-position: -56px 0;}
.google {background-position: -84px 0;}

#be-social { background: url(../images/content/social-icons-bg-blue.jpg) no-repeat scroll 0 0 transparent; clear: both; height: 40px; margin: 0 auto; overflow: hidden; padding: 15px 0 0; text-align: center; width: 918px;}
#be-social strong { display: inline-block; font: 400 22px 'Segoe UI'; margin: 0 4px; text-shadow: 0 1px 0 #FFFFFF; vertical-align: top;}
#be-social a { display: inline-block; margin: 0 4px;}

.Content { width: auto !important;}
.Content ol li {list-style: none outside none;}
.Content ol li em { color: #AAAAAA; font: italic bold 27px "Times New Roman";}

.EditorsPhoto { float: left; margin-right: 17px; width: 100px;}
.EditorsPhoto img, .TopicImg img {margin: 0;}

.EditorsText {clear: none; float: left; width: 425px;}

.TopicItem {float: left; margin: 10px 0 30px; position: relative; width: 100%;}
.TopicImg { clear: both; display: block; float: left; margin: 0 27px 0 0; width: 170px;}
.TopicText { float: left; width: 345px;}
.TopicText p{ margin-top:7px;}

.BackTop {background:  url(../images/elements/features.gif) no-repeat scroll 0 -95px transparent; float: right; font-size: 11px; padding-left: 12px;}

.CompanySocialBookmarks li a { background: url(../images/elements/socialLinks.gif) no-repeat scroll left top transparent; font-size: 12px;  height: 14px;  padding-left: 20px;}
.CompanySocialBookmarks .Twitter a { background-position: 0 -24px;}
.CompanySocialBookmarks .Facebook a { background-position: 0 -48px; }

.FeadHead {float: left; width: auto;}
.Feed { background:  url(../images/elements/rss14.gif) no-repeat scroll right top transparent; float: right; font-size: 0.9em !important; margin-top: 37px; padding-right: 23px; text-align: right; width: 60px;}

.TableOfContents { background-color: #F6FCFF; border-bottom: 1px solid #E7E7E7; border-top: 1px solid #E7E7E7; margin: 0; overflow: hidden; padding: 12px 0; width: 100%;}
.Avatar {float: left; margin: 0 10px; overflow: hidden; padding: 0; width: 80px;}
.ContentSection { float: left; font-size: 0.9em; margin: 0; padding: 0 17px 0 0;}
.ContentSection ul {font-size: 11px; margin-top: 0;}
.TableOfContents .align-center { text-align: center;}
.DownloadSection { border-left: 1px dotted #E7E7E7; float: left; padding-left: 17px; width: 300px;}
.DownloadSection a.blueLink { background: none repeat scroll 0 0 #376AAC ; border-radius: 5px 5px 5px 5px; color: #FFFFFF !important;
							display: inline-block; font-size: 13px; margin: 0 0 4px; padding: 10px 25px; text-shadow: 0 -1px 0 #1F477B;}
.DownloadSection a.blueLink:hover{ background: none repeat scroll 0 0 #294E80; border-radius: 5px 5px 5px 5px; color: #FFFFFF !important;
							display: inline-block; font-size: 13px; margin: 0 0 4px; padding: 10px 25px; text-shadow: 0 -1px 0 #1F477B;}						
							
.DownloadSection .OtherProducts { color: #376AAC !important; font-size: 12px;}

.strikenDiv { height: 30px; margin: 5px 0; position: relative;}
.lineThrough { border-bottom: 1px solid #E7E7E7; height: 15px; position: relative;}
.strikenText { background: none repeat scroll 0 0 #F6FCFF; height: 30px; left: 30px; position: absolute; text-align: center; top: 5px; width: 30px;}
.strikenText { left: 50%; margin-left: -16px;}

/* ###################################################
	SingleSuite ganze Seite
####################################################*/

.SingleSuite .PurchaseLinks {background-color: #EDEDED; clear: both; float: left; height: 30px; margin: 0 0 17px; padding: 17px; width: 884px; }
.SingleSuite .PurchaseLinks p {background-color: #FFFFFF; border: 1px solid #CED2D9; margin: 0; padding: 5px 0; text-align: center; }
.SingleSuite .PurchaseLinks p a { padding: 0 5px;}

.SingleSuite {margin-top: 17px; padding: 17px 0; position: relative;}
.SingleSuite h2 .LblProduct { display: block; padding-top: 17px; }
.SingleSuite h2 .LblProduct .item, .PurchaseHeader h2 .item { display: block; font-size: 11px; font-weight: bold; }

.SingleSuite h2 { margin: 20px 0 0 17px; }
.SingleSuite h2.IndividualHeader { font-size: 16px; font-weight: bold; margin-left: 0; padding-bottom:0;}
.SingleSuite .PurchaseHeader h2{font-size: 16px; font-weight: bold; margin-left: 0 !important; padding-top: 20px; padding-bottom:0;}
.SingleSuite .PurchaseHeader h3 {display: block; font-size: 11px; font-weight: normal; margin-top: 0;}

.SingleSuite .PurchaseLicenseComparison th, .SingleSuite .PurchaseLicenseComparison td { padding: 0 0 5px ; vertical-align: top;}
.SingleSuite .PurchaseIndividualInfo tbody td, .SingleSuite .PurchaseIndividualInfo tfoot td { background: none repeat scroll 0 0 transparent !important; border-bottom: 1px solid #B8C4CD; border-top: 1px solid #B8C4CD;     font-size: 11px; padding: 2px 1px 2px 0 !important; vertical-align: middle; }
.TableStripes .PurchaseLicenseFeature{ color: #333;}

table.PurchaseIndividualInfo { border-collapse: collapse; margin-top: 0 !important;}
table.PurchaseLicenseComparison td { text-align:left;}
.PurchaseLicenseComparison td { border-bottom: 1px solid #D9D9D9; padding: 3px 6px !important; position: relative; vertical-align: top;}

.PurchaseLicenseComparison { border-collapse: separate; display: table; empty-cells: show; margin-top: 27px !important; width: 100%; }
.PurchaseLicenseComparison td .hasFeature, .PurchaseLicenseComparison td .noFeature { background: url("../images/elements/yes.gif") no-repeat scroll -40px 5px transparent; display: block; height: 14px; margin: 0 auto;     overflow: hidden; text-indent: -999px; width: 16px;}
.SingleSuite .PurchaseLicenseComparison td.centered {text-align: center;}
.PurchaseLicenseComparison td .noFeature {background: url("../images/elements/yes.gif") no-repeat scroll -229px 5px transparent;}
.PurchaseLicenseComparison .hasFeature { padding-bottom: 3px;}
.PurchaseLicenseComparison .hasPriority { color: #777777; display: block; font-size: 11px; font-style: normal; line-height: 12px; text-align: center; }
.PurchaseLicenseComparison .PurchaseLicenseFeature { text-align: left; width: 500px; }
.PurchaseSubIndividualHeader, .PurchaseSubIndividualHeaderRight { float: left; font-size: 11px; margin: 17px 0 0 46px; text-align: center; width: 104px; }
.PurchaseSubIndividualHeaderRight { margin-left: 0 !important; padding-left: 4px; width: 100px !important; }
.PurchaseLicenseComparison  .IndividualPrice {display: block; font: 400 18px/30px Arial;}


.TwoPurchaseColumnLeft { border: 2px solid #B8C4CD; float: left; height: 450px; margin-top: 10px; padding: 0 10px 17px; width: 347px; }
.TwoPurchaseColumnRight {  float: right; width: 547px; }
.TwoPurchaseColumnRigh p {margin:0;}
.TwoPurchaseColumnRight p.selected {border-color: #B8C4CD #B8C4CD #B8C4CD #FFFFFF; border-style: solid; border-width: 2px; height: 26px; margin-left: -10px !important; margin-top: -7px !important; position: absolute; width: 547px; display: block;}
.PurchaseLicenseComparison td.PurchaseUltimate, .PurchaseLicenseComparison td.PurchasePremium { padding: 5px !important; width: 154px; }
.PurchaseUltimate .box, .PurchasePremium .box { background: url("../images/products/ultimate_small.png") no-repeat scroll 0 0 transparent; float: right; height: 88px; margin: -37px 4px 0 0; position: relative; width: 58px;}

.Product001 h2 .Icon { background-position: -291px 0; }

.RoundBox { background-color: #F6F7F8; border: 1px solid #D9D9D9; position: relative;}
.Round {}
.Round p { margin: 0; padding: 6px 10px 6px 34px;}
.Round a { font-size: 14px; line-height: 16px;}
.BoxTopLeft, tBoxTopRight, BoxBottomLeft, BoxBottomRight { background: url(../images/elements/blue-box.gif) no-repeat scroll 0 0 transparent; height: 5px; position: absolute; width: 5px;}
.BoxTopLeft { left: -1px; top: -1px;}
.BoxTopRight {background-position: -5px 0; right: -1px; top: -1px;}

span.Icons { background: url(../images/elements/link-icons.png) no-repeat scroll 0 0 transparent; display: block; float: left;  height: 18px;  left: 10px; margin-right: 6px; position: absolute; top: 6px; width: 17px;}
span.IconSupportResources { background-position: 0 -143px;}



section, .section, 
.custom-section { background-clip: padding-box; background-color: #FFFFFF; color: #777777; font-size: 14px; margin-top: -20px; padding: 23px 0 23px 0; position: relative;}
section:before, 
.section:before, 
.custom-section:before, 
section:after, 
.section:after, 
.custom-section:after 
{ content: ""; display: table;}
section:after, 
.section:after, 
.custom-section:after { clear: both;}
section h3, 
.section h3, 
.custom-section h3 { color: #999999; font-family: "Segoe UI Semibold",Tahoma,arial,sans-serif; font-size: 12px; margin: 0 0 4px; text-transform: uppercase;}

section.kategory a {display: block; text-decoration: none;}

section.kategory .one-col,
section.kategory .two-col,
section.kategory .three-col { float: left;  margin-left: 20px;}
section.kategory .two-col { width:604px;}
section.kategory .three-col { width: 292px;}
section.kategory .one-col { width: 916px;}

section.kategory a.dev-tools {background:#21AF54; background:-moz-linear-gradient(left center , #248E4E 0%, #21AF54 100%) repeat scroll 0 0 transparent;}
section.kategory a.software { background:#EF7535; background: -moz-linear-gradient(left center , #C4571D 0%, #EF7535 100%) repeat scroll 0 0 transparent;}
section.kategory a.flipdooPub { background:#783F92; background: -moz-linear-gradient(left center , #5E3671 0%, #783F92 100%) repeat scroll 0 0 transparent;}
section.kategory a.silverdooPub { background:#5CA8DC; background: -moz-linear-gradient(left center , #3A89BF 0%, #5CA8DC 100%) repeat scroll 0 0 transparent;}
section.kategory a.get4post { background:#D31F43; background: -moz-linear-gradient(left center , #A01531 0%, #D31F43 100%) repeat scroll 0 0 transparent;}
section.kategory a.flipdooX { background:#D31F43; background: -moz-linear-gradient(center top , #708484 0%, #566A6A 100%) repeat scroll 0 0 transparent;}

section.kategory a.dev-tools:hover { background:#21AF54; }
section.kategory a.software:hover { background:#EF7535; }
section.kategory a.flipdooPub:hover { background:#783F92; }
section.kategory a.silverdooPub:hover { background:#5CA8DC; }
section.kategory a.get4post:hover { background:#D31F43; }
section.kategory a.flipdooX:hover { background:#D31F43; }

section.kategory a { background-clip: padding-box; border-radius: 5px 5px 5px 5px; margin:0;}
section.kategory div {padding: 20px;}
section.kategory a div { background-clip: padding-box; border-radius: 5px 5px 5px 5px; padding: 12px 0 7px 10px;}
section.kategory h2 { color: #FFFFFF; font-family: Arial, sans-serif, "Helvetica Neue"; font-size: 24px; line-height: 24px; padding: 0 0 2px; margin: 0 0 20px;}
section.kategory h2 { font-size: 26px; font-weight: lighter;}
section.kategory h2.kategory { color: #777777; font-family: Arial, sans-serif, "Helvetica Neue"; line-height: 1.8; padding: 0 0 5px; margin: 0; font-size: 16px; font-weight: lighter; }
section.kategory p { font-family: Arial, sans-serif, "Helvetica Neue"; color:#FFF; font-size: 11px; line-height: 1.4;}

section.product a {display: block; text-decoration: none; background: -moz-linear-gradient(left center , #FAFAFA 0%, #F2F2F2 100%) repeat scroll 0 0 #F2F2F2; border-bottom-right-radius: 5px;
    border-color: #C7C7C7 #C7C7C7 #C7C7C7; border-color: #C7C7C7 #C7C7C7 #C7C7C7 -moz-use-text-color; border-style: solid solid solid none; border-top-right-radius: 5px; border-width: 1px 1px 1px medium; color: #777777;}

section.product .one-col,
section.product .two-col,
section.product .three-col,
section.product .for-col { float: left;  margin-left: 20px; border-left-width:7px; border-left-style:solid;}

section.product .one-col { width: 908px;}
section.product .two-col { width:440px;}
section.product .three-col { width: 674px;}
section.product .for-col { width: 206px;}

section.product .c3-one-col,
section.product .c3-two-col,
section.product .c3-three-col { float: left;  margin-left: 20px; border-left-width:7px; border-left-style:solid;}

section.product .c3-one-col { width: 908px;}
section.product .c3-two-col { width:596px;}
section.product .c3-three-col { width: 284px;}

section.product a.dev-tools {border-left-color: #56AE47;}
section.product a.software { border-left-color:#7F1899;}
section.product a.flipdooPub {border-left-color:#919A00;}
section.product a.silverdooPub {border-left-color:#FF7111;}
section.product a.get4post {border-left-color:#00777D;}
section.product a.flipdooX {border-left-color:#00777D;}

section.product a.voip-sip {border-left-color: #40a1a6;}
section.product a.voip-video-sip {border-left-color: #c25050;}
section.product a.voip-evo {border-left-color: #7da739;}
section.product a.voip-evo-mobile {border-left-color: #d6673c;}
section.product a.voip-video-evo {border-left-color: #bbdd5f;}
section.product a.voicemail {border-left-color: #b96825;}
section.product a.videomail {border-left-color: #e29002;}
section.product a.video-to-flash {border-left-color: #852490;}
section.product a.office-to-flash {border-left-color: #5da9dd;}
section.product a.office-to-silverlight {border-left-color: #9d9d9d;}
section.product a.powerpoint-to-html5 {border-left-color: #e7a478;}
section.product a.flipdoo {border-left-color: #add3c4;}
section.product a.powerpoint-to-flash {border-left-color: #ddb118;}
section.product a.powerlight {border-left-color: #b971c1;}
section.product a.slideshow {border-left-color: #256eb6;}
section.product a.xps-to-image {border-left-color: #b89250;}
section.product a.powerpoint-to-flash-converter {border-left-color: #ecd764;}
section.product a.powerlight {border-left-color: #e99df1;}

section.product a { background-clip: padding-box; border-radius: 5px 5px 5px 5px; margin:0;}
section.product a:hover { background:#fff; }

section.product div {padding: 20px;}
section.product a div { background-clip: padding-box; border-radius: 5px 5px 5px 5px; padding: 12px 0 7px 10px;}
section.product h2 { color: #333333; font-family: Arial, sans-serif, "Helvetica Neue"; line-height: 1; padding: 0 0 2px; margin: 0; font-size: 22px; font-weight: lighter;}
section.product h2.kategory { color: #777777; font-family: Arial, sans-serif, "Helvetica Neue"; line-height: 1.8; padding: 0 0 5px; margin: 0; font-size: 16px; font-weight: lighter; }
section.product h2.NewProduct { background: url("../images/elements/new-product.png") no-repeat scroll 0 0 transparent; padding: 2px 0 0 60px; }
section.product p { font-family: Arial, sans-serif, "Helvetica Neue" ; color:#777777; font-size: 11px; line-height: 1.4;}

/* ###################################################
	LeftMenu
####################################################*/

.QuickLinksBox {list-style: none outside none;}
.QuickLinksBox a { display: block; font-size: 12px; line-height: 14px; padding: 6px 10px; margin:0;}
.QuickLinksBox a:hover { background: none repeat scroll 0 0#F6F7F8; }

.ShowcasesList { border-top: 1px solid #B8C4CD; list-style: none outside none; margin: 0; padding-bottom: 7px;}
.ShowcasesList li { border-bottom: 1px solid #E5E5E5; padding: 3px 5px 5px;}

/* ###################################################
	TabMenu
####################################################*/

.TabMenu {}
.TabMenu ul {background: url("../images/elements/tabMenuSprite.png") repeat-x scroll 0 0 transparent; float: left; list-style: none outside none; margin: 0; padding: 0;}
.TabMenu ul li {background-image: none; display: block; float: left; font-size: 14px; height: 50px; margin: 0; padding: 0; text-align: center; width: 229px; list-style: none outside none; text-align:center;}
.TabMenu ul li a {background: url("../images/elements/tabMenuSeparator.gif") no-repeat scroll left top transparent;display: block; height: 100%; padding: 12px 0 0; margin:0;}
.TabMenu ul li.first {background: url("../images/elements/tabMenuSprite.png") no-repeat scroll 0 -100px transparent;}
.TabMenu ul li.last {background: url("../images/elements/tabMenuSprite.png") no-repeat scroll 182px -100px transparent;}
.TabMenu ul li:hover {background: url("../images/elements/tabMenuSprite.png") repeat-x scroll 0 -50px transparent;}
.TabMenu ul li.selected {background: url("../images/elements/tabMenuSelected.png") no-repeat scroll center top transparent !important;}
.TabMenu ul li.selected a{color: #FFFFFF;background: none repeat scroll 0 0 transparent;}
.TabMenu.fiveTabs ul li { width: 183px; }

/* ###################################################
	PageLeftContent
####################################################*/

.PageLeftContent{ float: left; margin: 5px 0 0; width: 544px; font: 12px/18px arial,sans-serif; color:#333}
.TxtTwoColumns{	display:block; clear:both;}

.PageLeftContent .ContentLeftColumn, .PageLeftContent .ContentRightColumn{ margin: 0 0 17px; width: 255px;}

.PageLeftContent .TxtColumn{ float: left; margin-bottom: 17px; margin-right: 22px; margin-top: 8px; width: 255px;}

.IconLinkList li{ padding: 9px 0 31px 46px; }
.IconLinkList li.withInfo { padding: 3px 0 10px 46px; }
.IconLinkList .ico1{ background: url(../images/icon-features.png) no-repeat scroll 0 0 transparent;}
.IconLinkList .ico2{ background: url(../images/icon-features.png) no-repeat scroll 0 -300px transparent;}
.IconLinkList .ico3{ background: url(../images/icon-features.png) no-repeat scroll 0 -600px transparent;}
.IconLinkList .ico4{ background: url(../images/icon-features.png) no-repeat scroll 0 -900px transparent;}
.IconLinkList .ico5{ background: url(../images/icon-features.png) no-repeat scroll 0 -1200px transparent;}
.IconLinkList .ico6{ background: url(../images/icon-features.png) no-repeat scroll 0 -1500px transparent;}
.IconLinkList .ico7{ background: url(../images/icon-features.png) no-repeat scroll 0 -1800px transparent;}
.IconLinkList .ico8{ background: url(../images/icon-features.png) no-repeat scroll 0 -2100px transparent;}
.LeftContentDiv{ clear:both; padding:0; margin:0;}

.PurchaseAddToCard {padding-top:17px;}
.PurchaseAddToCard .LogoBox {float: left; padding: 0 0 17px; width: 135px;}
.PurchaseAddToCard .LogoBox span.Logo{float: left; height: 120px; margin: 0 17px 0 30px; width: 62px;}
.PurchaseAddToCard .CardInfo { float: right; padding: 7px 5px 17px 0; width: 400px; }
.PurchaseAddToCard h4 { margin-top:1.5em;}
.PurchaseAddToCard .CardInfo ul { float: left; margin: 0 5px; width: 190px; }
.PurchaseAddToCard ul li{ background: url("../images/elements/sprite-no-repeat.gif") no-repeat scroll 6px -431px transparent; line-height: 18px; margin: 0; padding: 0 0 0 17px;}
.PurchaseAddToCard .CardInfoTech{ margin:0;}
.PurchaseAddToCard .CardInfoTech a.BtnAddToCart:link,
.PurchaseAddToCard .CardInfoTech a.BtnAddToCart:visited,
.PurchaseAddToCard .CardInfoTech a.BtnAddToCart:hover,
.PurchaseAddToCard .CardInfoTech a.BtnAddToCart:active { background: url("../images/elements/squareButton.png") no-repeat scroll 0 0 transparent; float: left; height: 36px; margin: 0; width: 147px; }
.PurchaseAddToCard .CardInfoTech a.BtnAddToCart:hover { background-position:0 -39px; }

.PurchaseAddToCard .CardInfoTech a.BtnAddToCart span,
.PurchaseAddToCard .CardInfoTech a.BtnAddToCart span em { bottom: 0; line-height: 16px; padding-left: 17px; }
.PurchaseAddToCard .CardInfoTech a.BtnAddToCart span em { display: inline-block; font-size: 11px; font-style: normal; }

.PurchaseAddToCard .CardInfoTech span { bottom: 9px; display: inline-block; padding: 0 10px; position:relative;}
.PurchaseAddToCard .CardInfoTech a.Info { bottom: 0; display: inline-block; font-size: 12px !important; padding: 0; width: 155px; margin:0; }

.VS2010Support {background: url("../images/elements/vs2010ready.png") no-repeat scroll 0 0 transparent; height: 34px; margin: 0 0 34px; overflow: hidden; padding: 0; text-indent: -4444px; width: 544px;}

.PurchaseBox {background: url("../images/elements/gradientBg.gif") repeat-x scroll 0 57px transparent; clear: both; float: left; margin-right: 1px; position: relative; width: 534px; padding-right:10px; }
.PurchaseBox h2 {margin: 12px 0; padding-bottom:0;}
.PurchaseBox h2 span {font-size: 12px;}
.PurchaseBox span.Icon {background-position: -658px -244px; margin-top:5px;}
.PurchaseBox .PurchasePrice {display: block; margin-top: 17px;}
.PurchaseBox .PurchasePrice .Price {float: left; font-size: 18px; margin: 0 0 9px; padding-top: 4px;}
.PurchasePrice .BtnStretch { margin-left: 6px;}

.YourAccountWrapper { border: 1px solid #F0F0F0;}
.YourAccountWrapper .expired { color: #933D34;}

.YourAccountWrapper .BoxItem { min-height: 150px; overflow: visible; padding: 17px 0 0 130px; position: relative;}
.YourAccountWrapper .BoxItem .ImgBox {background:url(../images/products/purchase-boxes.jpg) no-repeat scroll 0 0 transparent; height: 120px; left: 17px; position: absolute; top: 17px; width: 70px;}
.YourAccountWrapper .BoxItem .ImgBox2 {left: 15px; position: absolute; top: 17px;}

.YourAccountWrapper .BoxItem .prod001 { background-position: -951px 0;}
.YourAccountWrapper .BoxItem .prod001 { background-position: -806px 0;}

.YourAccountWrapper .BoxItem h2 { margin-top: 0; padding-top: 10px;}
.YourAccountWrapper h2.withBtn { margin: 0 36px 0 0; overflow: hidden; text-align: right;}
.YourAccountWrapper h2.withBtn .title { float: left;}


.YourAccountWrapper .BoxItem a.BtnStretch, .YourAccountWrapper h2.withBtn a.BtnStretch { display: inline-block; float: none;}
.YourAccountWrapper p.ProductActions { font-size: 11px; height: 17px; margin: 0 36px 7px 0; text-align: right;}
.YourAccountWrapper p.ProductActions span.links { float: left; padding-top: 0px;}
.YourAccountWrapper p.ProductActions span.links a.withSep { border-right: 1px solid #CCCCCC; margin-right: 4px; padding: 0 6px 0 0;}

.YourAccountWrapper div.ProductInfo {border-top: 1px solid #E5E5E5; outline: medium none;}
.YourAccountWrapper div.ProductInfo table { border-collapse: collapse; margin: 0 17px 17px 0; width: 763px !important;}
.YourAccountWrapper div.ProductInfo table td, .YourAccountWrapper div.ProductInfo table th { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none;
    -moz-border-top-colors: none; border: #E5E5E5; border-color: -moz-use-text-color -moz-use-text-color #E5E5E5; border-style: none none solid; border-width: 0 0 1px; margin: 0; padding: 5px 0 5px 5px; text-align: left; vertical-align: top;}
.YourAccountWrapper div.ProductInfo table th { font-size: 11px;}
.YourAccountWrapper div.ProductInfo table .qty {text-align: right; width: 40px;}
.YourAccountWrapper div.ProductInfo table .updatesDate { text-align: right; width: 205px;}
.YourAccountWrapper div.ProductInfo table .supportUntil { padding-right: 12px; text-align: right; width: 175px;}
.YourAccountWrapper div.ProductInfo table .title { width: 323px;}

.YourAccountWrapper .label { float:left; margin: 2px 0 0 10px; background-color: #999999; border-radius: 3px 3px 3px 3px; color: #FFFFFF; font-size: 11.05px; font-weight: bold; padding: 2px 4px 3px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);}

.VersionOk em { background: url("../images/elements/yes.gif") no-repeat scroll -40px 5px transparent; width: 12px; display:inline-block; height: 12px; margin-left:5px; }

/* ###################################################
	PageRightMenu
####################################################*/

.PageRightMenu { float: right; margin: 17px 0 34px 0; width: 340px; }
.PageRightMenu .ButtonList .Button span{ width:73px;}

.PageRightIn { background: none repeat scroll 0 0 #EDEDED; border-top: 1px solid #EDEDED; padding: 0 17px 17px;}

/* ###################################################
	RightNavAccordion
####################################################*/
.RightNavAccordion { clear: both; width: 306px;}
.RightNavAccordion .RightBoxMid{ padding:0 ;}
.RightNavAccordion .AccordionButton { color: #376AAC; cursor: pointer; font-size: 12px; font-weight: bold; padding: 7px 15px 7px 34px; position: relative;}
.RightNavAccordion .AccordionButtonArrow{background: url("../images/elements/milestones.png") no-repeat scroll -193px -739px transparent; display: inline-block; height: 13px; left: 17px; position: absolute; top: 8px; width: 13px;}
.RightNavAccordion .selected{ color: #393C45;}
.RightNavAccordion .selected .AccordionButtonArrow{background-position: 0 -738px; left: 12px; top: 10px;}
.RightNavAccordion .AccordionContent{ display:none; font-size: 11px; line-height: 16px; overflow: hidden; padding: 3px 15px 17px 34px;}
.RightNavAccordion .AccordionContent p{margin:0; line-height:16px; font-size:1em;}
				
/* ###################################################
	ButtonList
####################################################*/

.ButtonList .Button{ background:url(../images/buttons-sprite.png) no-repeat scroll 0 -138px transparent; display: block; float: left; height: 29px; margin: 0; padding: 0 8px 0 25px;}
.ButtonList .Button span{ background: url("../images/buttons-sprite.png") no-repeat scroll 100% 0 transparent;	color: #FFFFFF; display: block; float: left; font-size: 12px; height: 21px; line-height: 12px; padding: 8px 10px 0 0; text-align: left;}
 
.ButtonList .Button:hover{	background-position:0 -207px;}
.ButtonList .Button:hover span{ background-position:100% -69px; color:#FFF; text-decoration:none;}
.ButtonList .last{ padding-right:0 !important;}

.ButtonList a.Demos { background-position: 0 -552px;} /* immer px*/
.ButtonList a.Demos:hover { background-position: 0 -621px;}
.ButtonList a.Download { background-position: 0 -276px;}
.ButtonList a.Download:hover { background-position: 0 -345px;}
.ButtonList a.Purchase { background-position: 0 -414px;}
.ButtonList a.Purchase:hover { background-position: 0 -483px;}
 

/* ###################################################
	ProductBanner
####################################################*/

.PageRightMenu .PageRightInside{
	-moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #EDEDED; border-color: #EDEDED; border-right: 17px solid #EDEDED; border-style: solid; 	border-width: 1px 17px 17px; width: 306px;
}
					
/* ###################################################
	ProductBanner
####################################################*/

.ProductBanner { background: url("../images/elements/UpperBoxBgr.gif") repeat-x scroll 0 0 #F7F7F7; border: 1px solid #D9D9D9; margin: -1px -17px 0; width: 338px; padding: 7px 0 !important;}
.ProductBanner .LogoBox{ float: left; padding: 0 10px 17px 0; width: 88px; text-align: center;}
.ProductBanner .LogoBox span{ background: url("../images/products/purchase-boxes.jpg") no-repeat scroll 0 11px transparent;	display: inline-block; height: 121px; position: relative; width: 60px;}			
.ProductBanner .LogoBox span.Prod001{ background-position: -951px -244px !important; height: 115px; margin: 0 0 0 12px; width: 70px;}				
.ProductBanner .Description{ float: left; font-size: 12px; margin: 7px 7px 0 0; padding: 0 0 7px !important; width: 233px;}				
.ProductBanner .Description .Name{ font-size: 16px; margin: 0 !important;}
.ProductBanner .Description .Name .Info{ color: #777777; font-size: 11px !important;}
.ProductBanner .Description ul{	margin: 12px 0; font-size: 1em;}
.ProductBanner .Description ul li{ color: #777777; font-size: 11px; margin: 0 0 0 17px; list-style:disc; line-height: 16px;}
.ProductBanner .RightLink{ font-size: 11px; margin-left: 130px;}
				
.Separator17px{	background-color: #FFFFFF; height: 17px; margin: 0 -17px; min-height:17px;}
			
/* ###################################################
	RightBox
####################################################*/

.RightBoxTop { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #D9D9D9; clear: both; font: 14px/32px arial,sans-serif !important;	margin: 17px 0 0; padding: 0 15px;}
.RightBoxTop h2{ margin-top: 7px !important;}
.RightBoxTop p { margin:0; padding:0; line-height:2em; }
.RightBoxTop ul {padding: 15px 0; margin-top:0;}
.RightBoxTop ul li {font-size: 12px; line-height: 17px; list-style-type: none; margin: 0 0 6px; padding: 0;}
.RightBoxTop.NoContent{ border-bottom: none 0; }

.RightBoxMid { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #FFFFFF; border-color: #D9D9D9; border-right: 1px solid #D9D9D9; border-style: none solid solid; border-width: 0 1px 1px; color: #333333; font-size: 12px; line-height: 17px; margin: 0; padding: 15px;}
.RightBoxMid ul{ font-size: 1em; margin: 0; padding: 0;}
.RightBoxMid ul li{ list-style-type: none; margin: 0 0 6px; padding: 0; }
.RightBoxMid ul.ListNormalRedpoint li{ margin: 0; padding: 0 0 0 17px; }

.Update{ background: none repeat scroll 0 0 #BDBDBD; bottom: 1px; color: #FFFFFF; display: inline; font: 8px tahoma,verdana,sans-serif !important; margin: 0 0 0 3px; padding: 1px 2px; position: relative; text-transform: uppercase;}
.New{ background: none repeat scroll 0 0 #CC3300; bottom: 1px; color: #FFFFFF; display: inline; font: 8px tahoma,verdana,sans-serif !important; margin: 0 0 0 3px; padding: 1px 2px; position: relative; text-transform: uppercase;}
.Special{ background: none repeat scroll 0 0 #CC3300; bottom: 1px; color: #FFFFFF; display: inline; font: 9px tahoma,verdana,sans-serif !important; margin: 0 0 0 3px; padding: 1px 2px; position: relative; text-transform: uppercase;}
.SpecialRegular{ background: none repeat scroll 0 0 #BDBDBD; bottom: 1px; color: #FFFFFF; display: inline; font: 9px tahoma,verdana,sans-serif !important; margin: 0 0 0 3px; padding: 1px 2px; position: relative; text-transform: uppercase;}
.RightBoxBottom{ -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none;	background: none repeat scroll 0 0 #FFFFFF; border-color:#D9D9D9; border-right: 1px solid #D9D9D9; border-style: none solid solid; border-width: 0 1px 1px; color: #999999; padding: 8px 15px;}
.RightBoxBottom a{ margin: 0 2px; font-size: 11px;}


			
			
/* ###################################################
	RightImgBanner
####################################################*/

.RightImgBanner { margin: 17px 0 0;}
			
/* ###################################################
	Testimonial
####################################################*/

.PageRightMenu .Testimonial{background: none repeat scroll 0 0 ; margin: 0; overflow: hidden; padding:7px 0 0 0;}
.PageRightMenu .Testimonial img{border: 0px none; float: left; margin: -7px 5px 0 0;}
.PageRightMenu .AuthorPosition {}
		
/* ###################################################
	PageLeftMenu
####################################################*/

.PageLeftMenu {	clear: both; float: left; margin-right: 34px; width: 204px; }
.SubNavi { margin-top:24px;}
.SubNavi .title{background: none repeat scroll 0 0 #6C6E75; color: #FFFFFF; font: 400 13px/39px Arial,sans-serif; height: 37px; margin: 0; padding: 0 14px;}
.SubNavi ul{-moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none;
			border-color: #D9D9D9; border-style:solid; border-width:0 1px; list-style: none outside none; margin: 0; padding: 0; display: block; clear:both;}
.SubNavi ul li{background: none repeat scroll 0 0 #F6F7F8; border-bottom: 1px solid #D9D9D9; height: 37px; line-height: 37px; position: relative; width: 100%; }
.SubNavi ul li a, .SubNavi ul li a:link, .SubNavi ul li a:visited { color: #376AAC; font-size: 12px; padding: 0 14px; position: absolute; text-decoration: none; width: 195px; line-height: 37px; margin-top:0;}
.SubNavi ul li a .number {line-height: 14px; padding-right: 10px; font-size: 17px; color: #999999;}
.SubNavi ul li.selected a{ background:url("../images/elements/menu-sprite.png") no-repeat scroll 100% -132px transparent; color: #FFFFFF; height: 39px; left: -1px; line-height: 39px; padding: 0 15px; top: -1px; width: 193px;}
.SubNavi.Color1 ul li.selected a { background-color: #556D98; }
.SubNavi.Color2 ul li.selected a { background-color: #9A2F4D; }
.SubNavi.Color3 ul li.selected a { background-color: #CC5607; }
		
/* ###################################################
	PageRightContent
####################################################*/

.PageRightContent {	float: right; width: 680px; margin: 0 0 34px; color: #333333; font: 12px/18px arial,sans-serif; }
.PageRightContent .ContentLeftColumn,.PageRightContent .ContentRightColumn{ margin: 0 0 17px; width: 322px;}

/* ###################################################
	Forms
####################################################*/
input.btnSearch, input.btnSubmit, input.btnSubmitLong, input.btnShort { background: url(../images/elements/submit-btn.png) no-repeat scroll 0 0 transparent !important;
    border: 0 none; color: #FFFFFF; cursor: pointer; display: inline-block; font-family: Arial; font-size: 12px; height: 30px; line-height: 12px; margin: 0; outline: medium none; padding: 0 !important; width: 106px;}
input.btnSubmit, input.btnSubmitLong { background-position: 1px -69px !important; }
input.btnSubmit:hover { background-position: -199px -69px !important; cursor:pointer; margin:0; padding:0 !important; }

.FormGrey { font-size: 12px; margin-left: 10px; width: 534px; }
.FormGrey .Error input.txt { border-color: #FF6702; }

/*#grid  .Error > input[type="text"], #grid  .Error > input[type="password"], #grid  .Error > input[type="file"], #grid  .Error textarea, #grid  .Error .RadComboBox , #grid .Error .txtWrapper {
    border: 1px solid #ED1C24 !important;
}*/

.FormGrey .FormButton { border-top: 0px solid #CCCCCC; margin: 0 0 0 114px; padding-top: 14px;}
.ForgottonPasswordForm .FormButton { padding-left: 40px !important; margin:0 !important}

.FormGrey .FormFieldsList { list-style-type: none;}
.FormGrey .FormFieldsList li { clear: both; float: left; margin: 0; padding: 0; width: 100%;}
.FormGrey .FormFieldsList li label { clear: left; display: block; float: left; padding-right: 7px; padding-top: 8px; text-align: right; width: 107px; }
.ForgottonPasswordForm label { width: 30px !important;}


.FormFieldsList li.col1 label, .FormFieldsList li.col2 label { clear: left; display: block; float: left; width: 300px;}
.FormFieldsList li.col1 label, .FormFieldsList li.col2 label { clear: left; display: block; float: left; width: 300px;}

.FormGrey .txtWrapper { background-color: #E2EEFF; display: block; float: left; padding: 6px 6px 0; width: 313px;}
.FormGrey .nonEdit { display: block; float: left; padding: 0 6px 0; width: 313px;}
.FormGrey li label.nonEdit { padding: 0 7px 0 0;}
.FormGrey .nonEdit a { line-height: 24px;}
.FormGrey input.txt { border: 1px solid #AFD1FF; font-size: 1.1em; height: 20px; padding: 4px 5px 2px; width: 300px;}
.FormGrey .txtWrapper.last { padding: 6px;}
.FormGrey .FieldErrorMsg strong { width: auto; color: #FF6600; display: block; font-weight: normal; line-height: 1.5; padding: 5px 8px 9px;}
.FormGrey .FieldErrorMsg { width: auto; color: #FF6600; display: block; font-weight: normal; line-height: 1.5; padding: 5px 8px 9px;}
.FormGrey .FormNote { background-color: #E2EEFF; clear: both; line-height: 1.2; margin: 0 0 0 114px; padding: 10px 7px 5px 15px; width: 303px; }
.FormGrey .FormNoteLong { background-color: #E2EEFF; clear: both; line-height: 1.2; margin: 0 0 0 114px; padding: 10px 7px 5px 15px; width: 385px; }
.FormGrey li.checkbox .SubscriptionsCheckbox li {display: block; float: left; padding: 0 0 10px; position: relative; }

.FormGrey .txtWrapperLong { background-color: #E2EEFF; display: block; float: left; padding: 6px 6px 0; width: 395px;}
.FormGrey .txtWrapperLong.last { padding: 6px;}
.FormGrey .txtWrapperLong input.txt { border: 1px solid #AFD1FF; font-size: 1.1em; height: 20px; padding: 4px 5px 2px; width: 382px;}
.FormGrey .txtWrapperLong textarea.txt {border: 1px solid #AFD1FF; font-size: 1.1em; height: 20px; padding: 4px 5px 2px; height: 200px; width: 382px; resize: vertical; overflow: auto;}
.FormGrey .txtWrapperLong #checkboxPanel {padding-left: 18px;}
.FormGrey .RadUpload .ruCheck { margin: 3px; }

li.FormCheckbox.col1, li.FormCheckbox.col2 {float: left; margin-top: 20px; width: 215px;}
li.FormCheckbox.col2 {clear: none;}
li.FormCheckbox {padding-left: 120px; padding-top: 10px; width: 350px;}
li.FormCheckbox.col1 {margin-left: 114px;}
li.FormCheckbox .SubscriptionsCheckbox li input, .FormGrey li.checkbox .SubscriptionsCheckbox li input { left: 0; position: absolute; top: 1px;}
li.FormCheckbox .SubscriptionsCheckbox li label, .FormGrey li.checkbox .SubscriptionsCheckbox li label { display: inline; line-height: 1.2; padding: 0 0 0 24px; text-align: left;}

.Failure { background: url(../images/elements/msgs.gif) no-repeat scroll -940px 20px #FFEBE5; color: #BF3B24 !important; display: block; font-weight: bold; margin: 20px 0 0; padding: 20px 20px 20px 60px; }
.Failure ul { color: #BF3B24; font-weight: normal;margin: 0 0 0 20px;}
.Failure li { background: none repeat scroll 0 0 transparent; list-style-position: outside; list-style-type: disc; padding-left: 0;}

.Success { background: url("../images/elements/msgs.gif") no-repeat scroll 10px 20px #EFFFE5; border: 1px solid #A9DE89; color: #669900; display: block; margin: 20px 0 0; padding: 20px 20px 20px 50px; }

.LoginForm { width: 306px;}
.LoginForm  label { display: block; float: left; line-height: 1; padding: 0 10px 3px 0 !important; text-align: left !important; width: 110px; font-size: 12px; text-align: left;}
.LoginForm li.FormCheckbox {width: 200px; padding-bottom: 21px; padding-left: 0; padding-top: 10px;}
.LoginForm li.FormCheckbox label{display: inline; float: none; padding-left: 5px; padding-top: 0; width: auto; font-size: 12px; font-weight: normal; line-height: 1.8; position: relative; top: -2px;}
.LogHelp {padding-top: 20px; font-size:11px !important;}


/* ###################################################
	rbFaq
####################################################*/
.rpFAQ {width: 100%;}
.rpFAQ .rpGroup {margin-top:0;}
.rpFAQ .rpSlide { display: none; float: none; height: auto; overflow: hidden; position: static;}
.rpFAQ .rpItem { margin:1.2em 0 0;}
.rpFAQ .rpFirst { margin-top:0;}
.rpFAQ .rpExpandable {background: url(../images/elements/faqArrows.gif) no-repeat scroll 0 3px transparent; padding-left:15px; font-size:14px; font-weight:normal;}
.rpFAQ .rpExpanded {background: url(../images/elements/faqArrows.gif) no-repeat scroll -980px 5px transparent; font-weight:700;}
.rpFAQ .rpListItemBody {margin:0; padding-left: 15px; }

/* ###################################################
	Faq2
####################################################*/
.Faq2 { clear: both;}
.Faq2 .AccordionButton { cursor: pointer; padding-left: 18px; position: relative; color: #376AAC; margin-top:10px;}
.Faq2 .AccordionButton h3 { font-size:14px !important; color: #376AAC; line-height:18px;}
.Faq2 .AccordionButtonArrow{background: url("../images/elements/faqArrows.gif") no-repeat scroll 0 3px transparent; display: inline-block; height: 13px; position: absolute; top: 1px; width: 13px; left:5px;}
.Faq2 .selected {font-weight:700;}
.Faq2 .selected h3{font-weight:700;}
.Faq2 .selected .AccordionButtonArrow {background-position: -980px 3px; top: 4px; left:2px;}
.Faq2 .AccordionContent{ display:none; overflow: hidden; padding-left:18px;}
.Faq2 .AccordionContent p{ margin-top:7px;}

/* ###################################################
	Links Full Content Page
####################################################*/
.LinklistFullPage {background-color: #EDEDED; clear: both; float: left; height: 30px; margin: 0 0 17px; padding: 5px; width: 884px; }
.LinklistFullPage p {background-color: #FFFFFF; border: 1px solid #CED2D9; margin: 0; padding: 5px 0; text-align: center; }
.LinklistFullPage p a { padding: 0 5px;}


