/* GLOBAL */
*
{
padding: 0px;
margin:0px auto;
}
html
{
height: 100%;
margin: 0px;
padding: 0px;
}
body 
{
margin: 0px;
padding: 0px;
width: 100%;
height: 100%;
font-size: 13px;
font-family: Arial, Verdana, Tahoma, Georgia, "Times New Roman", Times, serif;
line-height: 16px;
background: #e6eded;
color: #608585;
}
p,center,div,form,img,input,table,td,tr,input,h1,h2,h3,a,br,object,embed
{
margin: 0px;
font-size: 13px;
font-family: Arial, Verdana, Tahoma, Georgia, "Times New Roman", Times, serif;
}
table td
{
margin: 0px;
padding: 10px;
font-size: 13px;
font-family: Arial, Verdana, Tahoma, Georgia, "Times New Roman", Times, serif;
}
input.txt
{
color: #608585;
border: 2px solid #a6bbbb;
padding: 3px;
height: 16px;
font-weight: bold;
}
br
{
width: 0px;
height: 0px
}
a
{
color: #2b565a;
}
a:hover,
.greyBlockGrContent .moreLink a:hover
{
color: #6cbb03!important;
}
/* HEADER */
.header
{
background: url("../../images/header_background.gif") repeat-x top;
width: 956px;
height: 130px;
}
.header .logo
{
width: 290px;
margin:35px 0px 0px 0px;
padding-left: 40px
}
.header .links
{
margin:65px 20px 0px 0px;
text-align:right;
width: 336px;
}
.header .links a
{
font-weight: bold
}
.header .search
{
margin:62px 0px 0px 0px;
width: 270px;
text-align: left
}
/* TOP MENU */
.topMenu
{
background: url("../../images/menu_bg.gif") repeat-x top;
width: 954px;
height: 28px;
border-left: 1px solid #aedd78;
border-right: 1px solid #aedd78
}
.topMenu ul
{
list-style: none;
padding-left: 15px;
}
.topmenuli{
list-style-type:none;
float:left;
border-right: 2px solid #7fdd04;	
}
.topmenuli.noborder{
border: 0px
}
.topmenuli a:hover, .topmenuli:hover, .topmenuli:hover a
{
background: #eaf0f0;
color:#3c6901
}
.topmenutitle{
display:block;
text-decoration: none;
font-size: 14px;
color: #d2efae;
font-weight: bold;
padding: 5px 24px 7px 24px;		
}
.active{
background: #569702
}
.active .topmenutitle{
color: #ffffff;
padding: 5px 34px 7px 34px;		
}
.topMenu ul ul
{
margin: 0px;
padding: 0px;
}
.submenuul{
position:absolute;
z-index: 200;
display:none;
margin-top:-1px;
background: #eaf0f0;
text-align: left
}
.submenuli a, .submenuli a:hover
{
display:block;
color: #608585!important;
width: 190px;
font-size: 14px;
line-height: 24px;
margin-bottom: 3px;
padding-left: 10px;
font-weight: bold;
text-decoration: none;
}
.submenuli a:hover 
{
background: #dfe8ea;
}
li:hover ul , li.over ul{ /* lists nested under hovered list items */
display: block;
}
#dmenu li>ul { 
	top: auto;
	left: auto;
}
/* SHORTCUTS */
.shortcutDiv
{
display:inline-block; 
*zoom:1;
*display:inline;
vertical-align: top;
width: 105px;
margin-left: 6px;
margin-right: 6px;
}
.shortcutDiv h3
{
font-size: 0.9em;
line-height: 14px;
height: 35px;
color: #4C989E;
margin-left: 7px;
font-weight: bold
}
.shortcutDiv h3 span
{
padding: 0px;
margin: 0px;
color: #f02c00
}
.shortcutDiv p
{
font-size: 11px;
line-height: 13px;
color: #608585;
margin-left: 7px;
height: 55px;
overflow: hidden
}
.shortcutDiv a
{
font-size: 10px;
line-height: 10px;
color: #65B002;
font-weight: bold;
margin-left: 7px;
}
/* MAIN PAGE CONTENT */
.main 
{
background: url("../../images/mainpage_content_top.png") no-repeat top;
width: 956px;
text-align: left;
padding-top: 20px;
}
.main .bottomCorners
{
padding-bottom: 10px;
background: url("../../images/mainpage_content_bottom.gif") #e6eded no-repeat bottom;
}
.main .contentArea
{
background: #f3f6f6;
width: 924px;
padding: 15px;
border-left: 1px solid #d3dfdf;
border-right: 1px solid #d3dfdf;
}
.main .content, 
.main .sidebar
{
display:inline-block; 
*zoom:1;
*display:inline;
vertical-align: top
}
.main .content
{
width: 631px;
}
.main h1
{
background: url("../../images/title_bullet.png") no-repeat left top;
height: 22px;
padding-top: 2px;
padding-left: 36px;
font-size: 20px;
line-height:20px;
font-weight: normal;
margin-left: 25px;
margin-bottom: 10px
}
.greenTitle
{
color: #65B002
}
.blueTitle
{
color: #46A0D8
}
.main  .blockContent
{
background: url("../../images/mainpage_greyBlock_top.png") no-repeat top;
width: 631px;
text-align: left;
padding-top: 10px;
margin-bottom: 15px
}
.main  .greyBlock
{
background: url("../../images/mainpage_greyBlock2_top.png") no-repeat top;
}
.main  .whiteBlock
{
background: url("../../images/mainpage_whiteBlock_top.png") no-repeat top;
}
.main .blockContent .bottomCorners
{
padding-bottom: 5px;
background: url("../../images/mainpage_greyBlock_bottom.gif") #eaf0f0 no-repeat bottom;
}
.main .greyBlock .bottomCorners
{
padding-bottom: 5px;
background: url("../../images/mainpage_greyBlock2_bottom.gif") #f3f6f6 no-repeat bottom;
}
.main .whiteBlock .bottomCorners
{
padding-bottom: 5px;
background: url("../../images/mainpage_whiteBlock_bottom.gif") #f3f6f6 no-repeat bottom;
}
.main .blockContent .contentArea
{
background: #eaf0f0;
width: 609px;
padding: 7px 10px 13px 10px;
border-left: 1px solid #dde6e6;
border-right: 1px solid #dde6e6;
}
.main .greyBlock .contentArea
{
background: #f3f6f6;
border-left: 1px solid #d3dfdf;
border-right: 1px solid #d3dfdf;
}
.main .whiteBlock .contentArea
{
background: #ffffff;
border-left: 1px solid #d3dfdf;
border-right: 1px solid #d3dfdf;
}
.main .blockContent .img
{
background: url("../../images/picture_background.png") no-repeat top;
text-align: center;
padding-top: 10px;
margin-left: 10px;
width: 125px;
height: 101px
}
.main .blockContent .text
{
width: 425px;
margin-left: 15px;
padding-bottom: 5px;
}
.main .blockContent .text p
{
margin-bottom: 15px
}
/* MAIN PAGE SIDEBAR */
.main .sidebar
{
width: 271px;
margin-left: 17px;
}
.sidebar h1
{
margin-left: 5px
}
.main .sidebar .shortcutDiv
{
width: 110px;
}
.main .sidebar  .shortcutDiv a, .shortcutDiv a.blueLink
{
color: #46A0D8
}
.main  .sidebar .blockContent
{
background: url("../../images/mainpage_sidebar_greyBlock_top.png") no-repeat top;
width: 271px;
text-align: left;
padding-top: 10px;
margin-bottom: 15px
}
.main  .sidebar .whiteBlock
{
background: url("../../images/mainpage_sidebar_whiteBlock_top.png") no-repeat top;
}
.main   .sidebar .blockContent .bottomCorners
{
padding-bottom: 5px;
background: url("../../images/mainpage_sidebar_greyBlock_bottom.gif") #ecf1f1 no-repeat bottom;
}
.main   .sidebar .whiteBlock .bottomCorners
{
background: url("../../images/mainpage_sidebar_whiteBlock_bottom.gif") #ecf1f1 no-repeat bottom;
}
.main  .sidebar .blockContent .contentArea
{
background: #ecf1f1;
width: 249px;
padding: 7px 10px 13px 10px;
border-left: 1px solid #dde6e6;
border-right: 1px solid #dde6e6;
}
.main  .sidebar .whiteBlock .contentArea
{
background: #ffffff;
border-left: 1px solid #dde6e6;
border-right: 1px solid #dde6e6;
}
.bannersList
{
width: 90%;
margin-left: auto;
margin-right: auto;
margin: 15px 0px 15px 0px
}
.bannersList td
{
padding: 10px;
text-align: center
}
/* INNER PAGE */
.inner_title
{
background: url("../../images/title_bg.png") no-repeat top;
width: 841px;
height: 84px;
padding: 0px 0px 0px 115px;
text-align: left;
}
.inner_title h1
{
padding-top: 31px;
font-size: 32px;
line-height: 35px;
font-weight: normal
}
.inner_main .top
{
background: url("../../images/inner_content_top.png") no-repeat top;
width: 956px;
height: 64px;
}
.inner_main .content
{
background: url("../../images/inner_content_bg.gif") repeat-y top;
width: 956px;
}
.inner_main .content .left
{
width: 320px;
}
.inner_main .content .left .picture
{
background: url("../../images/inner_pic_bg.gif") repeat-y top;
width: 225px;
text-align: center;
}
.inner_main .content .right
{
text-align: left;
width: 460px;
padding-right: 170px;
}
.inner_main .bottom
{
background: url("../../images/inner_content_bottom.png") no-repeat top;
width: 956px;
height: 60px;
}
.innerContentDiv 
{
width: 637px;
padding-top: 10px;
margin-left: 25px;
padding-left: 40px
}
.innerContentDiv p
{
margin-bottom: 25px
}
.innerContentDiv img.picToLeft
{
margin: 0px 45px 20px 0px
}
.innerContentDiv img.picToCenter
{
margin-left: auto;
margin-right: auto;
margin-top: 25px;
margin-bottom: 35px
}
.innerContentDiv ul
{
margin: 15px 0px 15px 0px;
list-style: none
}
.innerContentDiv ul li
{
padding: 0px 0px 15px 20px;
}
.innerContentDiv ul.blueList li
{
background: url("../../images/bullet_blue.gif") no-repeat left 3.5px;
}
.innerContentDiv ul.greenList li
{
background: url("../../images/bullet_green.gif") no-repeat left 3.5px;
}
/* SIGN UP PAGE */
.innerPage 
{
background: url("../../images/inner_white_top.gif") no-repeat top;
width: 956px;
text-align: left;
padding-top: 10px;
}
.innerPage .bottomCorners
{
padding-bottom: 5px;
background: url("../../images/inner_white_bottom.gif") #ffffff no-repeat bottom;
}
.innerPage .contentArea
{
background: url("../../images/sepLine.gif") #ffffff repeat-y 760px 70%;
width: 924px;
padding: 0px 15px 0px 15px;
border-left: 1px solid #e5ecec;
border-right: 1px solid #e5ecec;
border-bottom: 50px solid #ffffff;
min-height: 800px!important;
height:expression(document.body.clientWidth < 800? "800px": "auto" );
}
.innerPage h1
{
background: url("../../images/title_bullet.gif") #ffffff no-repeat left 19px;
padding-top: 2px;
padding-left: 40px;
font-size: 26px;
line-height: 30px;
margin-left: 25px;
padding-bottom: 20px;
padding-top: 15px;
font-weight: normal;
width: 700px
}
.description
{
font-size: 12px;
line-height: 15px;
color: #608585
}
.formSidebar
{
width: 125px;
margin-left: 80px;
}
.formSidebar .shortcutDiv
{
margin-bottom: 20px
}
.formSidebar .banner
{
margin-bottom: 50px
}
/* FORM */
.formDiv 
{
background: url("../../images/form_top.gif") no-repeat top;
width: 677px;
text-align: left;
padding-top: 10px;
margin-left: 25px;
}
.formDiv .bottomCorners
{
padding-bottom: 5px;
background: url("../../images/form_bottom.gif") #f3f6f6 no-repeat bottom;
}
.formDiv .formArea
{
background: url("../../images/form_pic.jpg") #f3f6f6 no-repeat right 110px;
width: 563px;
padding: 40px 55px 40px 55px;
border-left: 2px solid #e5ecec;
border-right: 2px solid #e5ecec;
}
.formSection
{
margin-top: 30px;
}
.formSection div
{
text-align: right;
width: 330px;
margin-bottom: 15px;
}
.formSection div p
{
text-align: left
}
.formSection .withLink
{
width: 368px
}
.formSection .textarea
{
width: 512px
}
.formSection .checkboxes
{
width: 404px;
padding-left: 113px;
}
.formSection .buttonArea
{
width: 380px;
padding-left: 126px;
margin-top: 25px;
text-align: left
}
.formSection .buttonArea div
{
background: url("../../images/button_orange.gif") no-repeat top left;
width: 102px;
height: 30px;
border: 0px;
padding: 0px;
cursor: pointer;
text-align: center
}
.formSection .buttonArea div p
{
text-align: center;
width: 100%;
font-size: 19px;
line-height: 21px;
height: 28px;
padding-top: 2px;
font-weight: bold;
color: #ffffff;
height: 20px
}
.formSection .buttonArea div:hover
{
background: url("../../images/button_orange_hover.gif") no-repeat top left;
}
.formSection .checkboxes label
{
font-size: 12px;
}
.formSection a
{
margin-left: 10px;
color: #65B002;
}
.formSection label
{
color: #608585;
font-size: 14px;
line-height: 18px;
}
.formSection span
{
color: #ff9914;
font-weight: bold
}
.formSection input, 
.formSection select,
.formSection textarea
{
padding:0px 0px 3px 4px;
border: 1px solid #a0b0be;
width: 200px;
margin-left: 10px;
color: #608585;
font-size: 14px;
}
.formSection select
{
padding-bottom: 0px;
width: 205px
}
.formSection textarea
{
height: 155px;
width: 382px;
}
.formSection .chkbox
{
padding: 0px;
width: 16px;
border: 0px
}
/* GRADIENT MAIN */
.wrap
{
width: 956px;
margin: 0px auto
}
.mainGradient
{
background: url("../../images/main_bg.png") #ffffff no-repeat top left;
width: 954px;
padding: 65px 0px 35px 0px;
border-left: 1px solid #d6e1e1;
border-right: 1px solid #d6e1e1;
_padding-bottom: 0px
}
.contentGradient 
{
padding-left: 95px;
padding-right: 80px;
_padding-left: 92px;
_padding-right: 65px;
}
.education .contentGradient
{
padding-left: 30px;
padding-right: 30px;
}
.contentGradient  .mainPic
{
background: url("../../images/education.jpg") no-repeat top left;
width: 621px;
height: 276px;
text-align: center
}
.contentGradient  .mainPic h3
{
margin-top: 243px;
font-size: 25px;
color: #ffffff
}
.contentGradient .texts
{
padding-left: 11px
}
.mainGradient h1
{
background: url("../../images/title_bullet2.gif") no-repeat 0px 5px;
padding-left: 49px;
font-weight: normal;
font-size: 36px;
line-height: 36px;
color: #699191;
margin-bottom: 30px;
margin-left: 55px;
_margin-left: 28px
}
.mainGradient h1 a
{
color: #699191;
font-size: 36px;
line-height: 36px;
}
.mainGradient h2
{
height: 39px;
padding-top: 16px;
padding-left: 75px;
font-weight: normal;
font-size: 25px;
line-height: 25px;
color: #3c777c;
margin-bottom: 10px
}
.mainGradient h3
{
font-size: 17px;
line-height: 17px;
color: #2b8892;
}
.trialRequest
{
background: url("../../images/requestBtnRight.gif") no-repeat top right;
height: 32px;
margin-right: 50px;
cursor: pointer;
margin-top: 4px
}
.trialRequest p
{
background: url("../../images/requestBtn.png") no-repeat top left;
height: 27px;
width: 200px;
margin-right: 8px;
text-align: center;
padding-left: 8px;
padding-top: 5px
}
.trialRequest a
{
color: #ffffff;
font-size: 18px;
line-height: 18px;
font-weight: bold;
text-decoration: none
}
/* SCREENSHOTS */
.chats .screenshot
{
margin-top: 40px
}
.chats .screenshot h3
{
background: url("../../images/screenshot_title.png") no-repeat top left;
width: 696px;
height: 27px;
padding: 10px 0px 0px 24px;
margin-bottom: 10px
}
.filtering .screenshot
{
background: url("../../images/filtering.jpg") no-repeat left top;
width: 870px;
_width: 783px;
height: 521px;
padding: 50px 0px 0px 104px;
margin: 15px 0px 0px -106px;
_margin-left: -102px
}
.filtering .screenshot h3
{
color: #f5a300;
font-size: 14px;
line-height: 14px;
}
.filtering .screenshot p
{
margin-top: 17px;
width: 300px
}
.inspection .screenshot
{
background: url("../../images/inspection.jpg") no-repeat left top;
width: 954px;
_width: 867px;
height: 500px;
margin: 28px 0px 0px -106px;
_margin-left: -102px
}
/* ICONS */
.chats h2
{
background: url("../../images/icons/title_chats.png") no-repeat top left;
}
.filtering h2
{
background: url("../../images/icons/title_filtering.png") no-repeat top left;
padding-left: 65px;
}
.inspection h2
{
background: url("../../images/icons/title_inspection.png") no-repeat top left;
padding-left: 65px;
}
/* GRADIENT GREY BLOCK */
.greyBlockGradient
{
background: url("../../images/greyBottom.gif") no-repeat bottom left;
width: 896px;
margin: 20px auto;
padding-bottom: 1px;
_margin-bottom: 0px;
}
.greyBlockGradient  .greyBlockGrBottom
{
background: url("../../images/greyTop.png") no-repeat top left;
width: 796px;
padding: 50px 50px 30px 50px;
_padding-bottom: 0px;
margin-bottom: 7px;
}
.greyBlockGradient img
{
margin-right: 50px;
margin-top: 15px
}
.greyBlockGrContent
{
width: 365px
}
.greyBlockGrContent h3
{
font-size: 23px;
line-height: 23px;
margin-bottom: 10px
}
.greyBlockGrContent  p
{
font-size: 17px;
line-height: 22px;
margin-bottom: 15px
}
.greyBlockGrContent .moreLink
{
font-size: 17px;
line-height: 17px;
color: #46a0d8;
font-weight: bold;
padding-left: 21px;
background: url("../../images/moreBullet.gif") no-repeat top left;
}
/* FEATURES DESCRIPTION */
.featuresDescription
{
margin: 20px 0px 25px 0px;
background: url("../../images/features_bottom.gif") no-repeat bottom left;
width: 896px;
padding-bottom: 1px
}
.featuresContent
{
background: url("../../images/features_bg.png") no-repeat top left;
width: 896px;
margin-bottom: 7px
}
.featureDescription,
.featureTitle,
.featureList
{
width: 250px;
display:inline-block; 
*zoom:1;
*display:inline;
vertical-align: middle;
margin-right: 7px;
*margin-right: 11px;
padding: 0px 20px 0px 21px
}
.featureTitle h3
{
letter-spacing: -1px;
color: #6dbf03;
font-size: 25px;
line-height: 25px;
margin-bottom: 33px;
margin-top: 21px
}
.featureDescription p
{
font-weight: bold;
font-style: italic;
font-size: 15px;
line-height: 18px;
color: #4c989e;
margin-bottom: 17px
}
.featureList
{
vertical-align: top
}
.featureList ul
{
list-style: none
}
.featureList li
{
background: url("../../images/feature_bullet.gif") no-repeat left 5px;
color: #4c989e;
font-size: 14px;
line-height: 17px;
padding: 0px 0px 14px 17px
}
/* GRADIENT BUTTONS */
/* bottom buttons */
.bottomButtons
{
margin: 40px auto 30px auto;
width: 880px
}
.filtering .bottomButtons
{
margin-top: 17px
}
.inspection .bottomButtons
{
margin-top: 30px
}
.bottomButton
{
float: left;
background: url("../../images/button.png") no-repeat top left;
width: 253px;
height: 104px;
padding-top: 15px;
padding-left: 38px;
cursor: pointer;
margin-right: 3px
}
.sideButton
{
background: url("../../images/side_button.png") no-repeat top left;
width: 244px;
height: 91px;
padding-left: 15px;
cursor: pointer;
}
.bottomButton p,
.bottomButton img,
.sideButton p,
.sideButton img
{
display:inline-block; 
*zoom:1;
*display:inline;
vertical-align: middle
}
.bottomButton p
{
width: 150px
}
.bottomButton p a,
.sideButton p a
{
color: #326367;
font-size: 14px;
line-height: 18px;
font-weight: bold
}
.greyButton
{
background: url("../../images/button_grey.png") no-repeat top left;
cursor: default!important;
}
.greyButton p a,
.greyButton p a:hover
{
color: #aaaaaa!important;
text-decoration: none;
cursor: default!important;
}
.sideButton p
{
width: 135px;
padding-left: 3px
}
.bottomButton p a
{
font-size: 15px;
line-height: 19px;
}
/* FOOTER */
.footer
{
background: url("../../images/footer.png") no-repeat top;
width: 956px;
height: 84px;
padding-bottom: 60px;
}
.footer .menu
{
padding-top: 35px;
width: 850px;
margin-left: auto;
margin-right: auto
}
.footer .menu ul
{
list-style: none;
}
.footer .menu li	
{
text-align: left;
display: inline;
padding-left: 15px;
padding-right: 15px;
border-right: 1px solid #3c777c;
}
.footer .menu li a
{
text-decoration: none;
font-size: 12px;
font-weight: bold
}
.footer .menu li.noborder
{
border: 0px
}
/* ADDITIONAL */
.clear 
{
clear: both
}
.nomargin
{
margin:0px!important
}
.nopadding
{
padding:0px
}
.floatLeft
{
float: left
}
.floatRight
{
float: right
}
.alignBottom
{
vertical-align: bottom
}
.alignTop
{
vertical-align: top
}
.alignCenter
{
text-align: center
}
.alignLeft
{
text-align: left
}
.alignRight
{
text-align: right
}
.strong
{
font-weight: bold
}
.noborder
{
border: 0px!important
}
.preload
{
display: none
}
.displayBlock
{
display: block
}
.noBackground
{
background: none
}
.white
{
background: #ffffff!important;
}
.margintop15
{
margin-top: 15px
}
.margintop30
{
margin-top: 30px!important
}
.colorWhite
{
color: white!important
}
.colorBlue
{
color: #0077b8!important
}
.colorGreen
{
color: #65b003!important
}