/* $Id: style.css,v 1.23 2007/12/17 15:05:09 goba Exp $ */

/*
 * ** HTML elements
 * */

* { margin:0; padding:0;}
* body { background:url(/media/images/body-bg.gif) center top repeat-y #fff; font-family:Tahoma; font-size:100%; line-height:.9375em; color:#4f5a5b; }
*
*
* div.field { display: none; }
*
* input, textarea { font-family:Tahoma; font-size:.91em;}
*
* .fleft { float:left;}
* .fright { float:right;}
* .clear { clear:both;}
*
* .alignright { text-align:right;}
* .aligncenter { text-align:center;}
*
* .wrapper, block { width:100%; overflow:hidden;}
* .container { width:100%;}
*
* p.old { margin-bottom:19px;}
* p { margin-bottom: 10px; }
*
* ol { padding: 0 0 10px 20px; }
*
* #content table tbody {border: none;}
*
* acronym { color: #2060a0; border-bottom: 1px dotted #2060a0; cursor: help; }
*
*
*/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

.form { height:25px;}
.form input {width:166px; height:18px; background:none; color:#000; padding-left:3px; border:1px solid #e1e1e1; border-left:1px solid #303030; border-top:1px solid #303030;}
textarea { width:173px; height:44px; background:none; overflow:auto; color:#000; padding-left:3px; border:1px solid #e1e1e1; margin-bottom:6px; border-left:1px solid #303030; border-top:1px solid #303030;}

/*==================list====================*/
ul { list-style:none;}

.site-nav, #header .menu { overflow:hidden; width:100%; padding:17px 0 0 0; margin-left: 1px;}
.site-nav, #header .menu li { margin-left:-1px; float: left; text-align: center; border-left:1px solid #aeb1b5; padding: 0 30px 0 29px; }
.site-nav, #header .menu li a { display:block; text-decoration:none; color:#0b870b; font-size:1.17em; font-weight:bold; font-family:arial; padding: 0 1px 0px 0; letter-spacing:-1px; line-height:1.2em; border-bottom: 2px solid #0b870b;}
.site-nav, #header .menu li a:hover { color:#086408; text-decoration: none; border-bottom: 2px solid #086408; }
.site-nav, #header .menu li a.current { color:#0b870b; text-decoration: none;}
.site-nav, #header .menu li.active a { color:#111; text-decoration: none; border-bottom: none; }
.site-nav, #header .menu li { list-style-image: none; list-style-type: none; } 

#header .menu li.expanded { }

.list1 dt { clear: both; color:#000; font-weight:bold; padding-bottom:2px;}
.list1 dd { background:url(/media/images/line-dot.gif) left bottom repeat-x; padding-bottom:14px; margin-bottom:10px;}
.list1 dd.last { background:none;}

.list2 li { background:url(/media/images/marker.gif) no-repeat left 5px; padding:0 0 10px 20px; font-weight:bold; font-size:.91em;}
.list6 li { background:url(/media/images/bullet.gif) no-repeat left 3px; padding:0 0 10px 20px; font-weight: normal; }

.sidemenu li { background:url(/media/images/marker.gif) no-repeat left 5px; padding:0 0 10px 20px; font-weight:bold; font-size:.91em;}
.sidemenu li.active { background:url(/media/images/marker2.gif) no-repeat left 5px; }
.sidemenu li.active span { background-color: #dedede; padding: 2px; }

.list3 li { font-size:.91em; font-weight:bold; padding-bottom:10px;}

.list4 dt { color:#2f950c; font-weight:bold; padding-bottom:14px;}
.list4 dd { padding-bottom:16px;}

ul.list5 { padding-top: 7px; }
.list5 li { background:url(/media/images/marker.gif) no-repeat left 5px; padding:0 0 10px 20px; color: #2f950c; font-weight: bold; font-size:1.0em;}

.points { padding: 7px 0 5px 0; }
.points dt { color: #2f950c; font-weight: bold; padding: 0 0 5px 9px; background: transparent url(/media/images/arrow_1.gif) left 6px no-repeat; }
.points dd { padding-bottom: 15px; }

.points li { padding: 0 0 5px 9px; background: transparent url(/media/images/arrow_2.gif) left 6px no-repeat; }

ul.link-list { padding-top: 7px; }
ul.link-list li { background:url(/media/images/marker.gif) no-repeat left 5px; padding:0 0 10px 20px; font-weight: normal; font-size:1.0em; } 
ul.link-list li a { }

.list-ok { padding: 10px 0 10px 0; }
.list-ok li { font-weight: normal; padding: 0 0 10px 25px; background: transparent url(/media/images/tick.png) 0 0 no-repeat; }

.list-bad { padding: 10px 0 10px 0; }
.list-bad li { font-weight: normal; padding: 0 0 10px 25px; background: transparent url(/media/images/alert.png) 0 0 no-repeat; }

dl.calendar {}
dl.calendar dt { color: #2f950c; font-size: 130%; font-weight: normal; display: block; padding: 10px 0 3px 25px; line-height: 1em; background: transparent url(/media/images/calendar.png) 0 bottom no-repeat; }
dl.calendar dd { display: inline-block; }

.system {
    font-weight: bold;
    font-size: 120%;
}


/*==================other====================*/
.img-indent { margin:0 26px 0 0; float:left;}
.img-box { width:100%; overflow:hidden; padding-bottom:30px;}
.img-box img { float:left; margin:0 20px 0 0;}

.p1 { padding-bottom:20px;}
.p2 { margin-bottom:60px;}

/*==================txt, links, lines, titles====================*/
a {color:#2f950c;}
a:hover{color:#1f6208;}

h1 { color:#2f950c; font-size: 24px; margin-bottom: 10px; padding-top: 20px; line-height: 1em;}
h2 { color:#2f950c; font-size: 18px; margin-bottom: 10px; padding-top: 20px; }
h3 { color:#2f950c; font-size:1em; margin-bottom:13px; padding-top:12px;}
h3.frame { color:#2f950c; font-size:1em; margin-bottom:13px; padding-top:4px;}
h4 { color:#2f950c; font-size:1em; margin-bottom:10px;}
h5 { color:#000; font-size:1em;}
h6 { color:#000; font-size:1em; padding-top:10px; margin-bottom:10px;}

.txt1 { color:#2f950c;}

.link1 { display:block; float:left; background:url(/media/images/link1-bg.gif) left top repeat-x; color:#000; text-decoration:none; font-size:.91em;}
.link1 em { display:block; background:url(/media/images/link1-left.gif) no-repeat left top;}
.link1 b { display:block; background:url(/media/images/link1-right.gif) no-repeat right top; padding:5px 11px 6px 12px; font-style:normal;}
.link1:hover { text-decoration:underline; color:#1f6208;}

.link2 { display:block; float:left; background:url(/media/images/link2-bg.gif) left top repeat-x; color:#000; text-decoration:none; font-size:.91em;}
.link2 em { display:block; background:url(/media/images/link2-left.gif) no-repeat left top;}
.link2 b { display:block; background:url(/media/images/link2-right.gif) no-repeat right top; padding:5px 11px 6px 12px; font-style:normal;}
.link2:hover { text-decoration:underline;}

.link3 { font-size:.91em; background:url(/media/images/marker.gif) no-repeat right 4px; padding-right:14px; font-weight:bold;}
.line-hor { border-bottom:1px solid #bfbfbf; padding-bottom:10px; margin-bottom:30px;}
.line-hor1 { border-bottom:1px solid #bfbfbf; padding-bottom:28px; margin-bottom:33px;}

.title { margin-bottom:20px;}

/*==================boxes====================*/
.box { background:#fff; width:100%;}
.box .border-top {background:url(/media/images/border-top.gif) repeat-x top;}
.box .border-bot {background:url(/media/images/border-bot.gif) repeat-x bottom;}
.box .border-left {background:url(/media/images/border-left.gif) repeat-y left;}
.box .border-right {background:url(/media/images/border-right.gif) repeat-y right;}
.box .left-top-corner {background:url(/media/images/left-top-corner.gif) no-repeat left top;}
.box .right-top-corner {background:url(/media/images/right-top-corner.gif) no-repeat right top;}
.box .left-bot-corner {background:url(/media/images/left-bot-corner.gif) no-repeat left bottom;}
.box .right-bot-corner {background:url(/media/images/right-bot-corner.gif) no-repeat right bottom; }
.box .inner { padding:31px 23px 33px 27px;}

.banner_box1 { background:url(/media/images/mobility-icon.png) no-repeat left top; padding:12px 0 0 75px;}
.banner_box1 .title { margin:4px 0 15px 0;}
.banner_box1 p { margin-bottom:11px;}

.banner_box2 { background:url(/media/images/usability-icon.png) no-repeat left top; padding:0 0 0 75px;}
.banner_box2 .title { margin:4px 0 10px 0;}
.banner_box2 p { margin-bottom:11px;}

.banner_box3 { background:url(/media/images/security-icon.png) no-repeat left top; padding:12px 0 0 83px;}
.banner_box3 .title { margin:4px 0 15px 0;}
.banner_box3 p { margin-bottom:11px;}

.cont-box { padding:0 0 0 0; margin-bottom:0;}
.cont-box span { float:right;}

.buttons-box { width:100%; overflow:hidden;}
.buttons-box .link2 { float:right; margin-left:8px;}


/*header*/
#header .row-1 { height:85px; border-bottom:1px solid #363e46;}
#header .row-1 .indent { text-align:left; padding:14px 0 0 0;}
#header .row-1 .languages { font-size:0.8em; display:inline; text-align:left; float:right; padding:60px 25px 25px 25px;}
#header .row-1 .languages  a.language{ color:#707070; margin: 3px;}
#header .row-2 { height:197px; background:url(/media/images/header-bg.jpg) no-repeat left 3px;}
#header .row-2 .indent { padding:34px 0 0 92px;}
#header .row-3 { height:49px; border-top:1px solid #363e46; border-bottom:2px solid #363e46;}

/*content*/
/* #content { padding:24px 0 31px 0;} */
#content { padding:3px 0 31px 0;}
#content .indent { padding:32px 0 0 31px;}
#content .indent1 { padding-bottom:17px;}
#content .indent2 { padding:0 0 0 31px;}

/*footer*/
#footer {border-top:2px solid #363e46; padding-bottom:20px;}
#footer ul.menu  { overflow:hidden; padding:16px 0 4px 0;}
#footer ul.menu li { display:inline; margin-left:-8px;}
#footer ul.menu li a { color:#000; border-left:1px solid #000; padding:0 8px 0 8px; text-decoration:none; text-transform:uppercase;}
#footer ul.menu li a:hover { text-decoration:underline;}
#footer span a { color:#000;}
#footer strong { text-transform:uppercase; color:#00a100; font-weight:normal;}

/*==========================================*/

table#SubMenu { border: none; border-spacing: 0; border-collapse: collapse; width: 100%; }
table#SubMenu td#Caption { font-size: 24px; line-height: 1em; color: #2f950c; text-align: left; padding: 15px 0 15px 5px; vertical-align: top; }
table#SubMenu td#MenuItems { text-align: right; vertical-align: top; padding: 10px 0 15px 0;  }

#submenu1 { overflow:hidden; padding: 0 0 5px 0; border-bottom: 0px solid #363e46; margin: 0; }
#submenu1 li { display:inline; margin-left:-8px; border-left:1px solid #000; padding:0 16px 0 12px;}
#submenu1 li a { text-decoration:none; font-weight: bold; font-size: 1.1em; font-family: arial; color: #0b870b; border-bottom: 2px solid #0b870b;}
#submenu1 li a:hover { text-decoration:none; border-bottom: 2px solid #086408; color: #086408;}
#submenu1 li.active a { text-decoration:none; border-bottom: none; color: #363e46;}


#submenu2 { overflow:hidden; padding:0px 0 4px 0; border-bottom: 0px solid #363e46; position: relative; top: -24px; left: 40px; margin: 0px 0px 0px 0px;}
#submenu2 li { display:inline; margin-left:-8px; border-left:1px solid #000; padding:0 12px 0 8px;}
#submenu2 li a { text-decoration:none; font-weight: normal; font-size: 1.0em; font-family: arial; color: #363e46;}
#submenu2 li a:hover { text-decoration:none; border-bottom: 2px solid #086408; color: #0b870b}
#submenu2 li.active a { text-decoration:none; border-bottom: 2px solid #0b870b; color: #0b870b}


#submenu3 { }


#main {width:874px; margin:0 auto;}

#header {height:337px;}
#header, #content, #footer { font-size:0.75em;}

.col-1, .col-2, .col-3 { float:left;}

/*======= index.html =======*/
#page #content .row-1 .line-ver1 { background:url(/media/images/line-ver.gif) 259px top repeat-y; width:100%;}
#page #content .row-1 .line-ver2 { background:url(/media/images/line-ver.gif) 549px top repeat-y; width:100%;}
#page #content .row-1 .col-1 { width:245px; margin-right:30px;}
#page #content .row-1 .col-2 {width:226px; margin-right:65px;}
#page #content .row-1 .col-3 { width:231px;}
#page #content .row-2 .line-ver { background:url(/media/images/line-ver.gif) 550px top repeat-y; width:100%;}
#page #content .row-2 .col-1 { width:518px; margin-right:63px;}
#page #content .row-2 .col-2 { width:234px;}
#page #content .row-2 .col-1 .col-1 { width:180px; margin-right:25px;}
#page #content .row-2 .col-1 .col-2 { width:308px;}

#page #content .faq .line-ver { background:url(/media/images/line-ver.gif) 550px top repeat-y; width:100%;}
#page #content .faq .col-1 { width:519px; margin-right:62px;}
#page #content .faq .col-2 {width:228px;}
#page #content .faq .col-1 .col-1 { width:180px; margin-right:25px;}
#page #content .faq .col-1 .col-2 { width:308px;}

#page #content .divided { background:url(/media/images/line-ver.gif) 689px top repeat-y; width:100%;}
#page #content .divided .menu-sidebar { width: 169px; padding-left: 5px; }
#page #content .divided .content-sidebar { width: 689px; }

#footer { font-size:.625em;}

#sidebar_left { position: absolute; top: 0; left: 0; }

#page h1.caption { font-family: HelveticaUpr, Arial; font-weight: normal; font-size: 34px; color: #000; line-height: 1em; }
#page h2.caption { font-family: HelveticaUpr, Arial; font-weight: normal; font-size: 12px; color: #4C535B; letter-spacing: normal; }

/** custom **/
#page .definitions .col-1 { width: 100px; margin-top: 30px; }
#page .definitions .col-2 { width: 75%; margin-right: 20px; }

.subheader { font-family: "Arial Black", Gadget, sans-serif; font-weight: bolder; font-size: 20px; line-height: 0.75em; color: #2F950C; padding-bottom: 10px; }

.caption { font-family: HelveticaCyr, Tahoma, sans-serif; font-weight: lighter; font-size: 34px; line-height: 1em; color: #000000; }
.caption2 { font-family: Tahoma, sans-serif; font-weight: lighter; font-size: 11px; line-height: 0.8em; color: #4C535B; }

.picture { margin: 2px; border: 1px solid grey; }

#FAQPageTitle { width: 415px; height: 42px; background: transparent url(/media/images/faq-title.png) no-repeat; }
#FAQListTitle { width: 251px; height: 42px; background: transparent url(/media/images/faq-list-title.png) no-repeat; }
#NewsTitle { width: 141px; height: 43px; float:left; background: transparent url(/media/images/news-title.png) no-repeat; }
#NewsTitleEn { width: 162px; height: 42px; float:left; background: transparent url(/media/images/news-title-en.png) no-repeat; }
#BlogTitle { width: 127px; height: 38px; float:left; background: transparent url(/media/images/blog-title-ru.png) no-repeat;}
#WelcomeTitle { width: 286px; height: 48px; background: transparent url(/media/images/welcome-title-ru.png) no-repeat; }
#UsabilityMainTitle { width: 371px; height: 43px; background: transparent url(/media/images/usability-main-title-ru.png) no-repeat; }
#MobilitySubtitle { width: 133px; height: 18px; background: transparent url(/media/images/mobility-title-ru.png) no-repeat; }
#WelcomePicture { width: 180px; height: 128px; background: transparent url(/media/images/welcome-pic.png) no-repeat; }
#FAQShortTitle { width: 84px; height: 43px; background: transparent url(/media/images/faq-head-ru.png) no-repeat; }

#DocumentsDiagram { width: 351px; height: 422px; background: transparent url(/media/images/documents.png) no-repeat; position: relative; }
a#Vision { text-decoration: none; outline: none; position: absolute; display: block; left: 49px; top: 12px; width: 246px; height: 75px; }
a#Vision div.inner { width: 246px; height: 75px; }
a#Vision div.inner div.description { display: none; }
a#BRD { text-decoration: none; outline: none; position: absolute; display: block; left: 49px; top: 125px; width: 246px; height: 75px; }
a#BRD div.inner { width: 246px; height: 75px; }
a#BRD div.inner div.description { display: none; }
a#FRD { text-decoration: none; outline: none; position: absolute; display: block; left: 12px; top: 239px; width: 321px; height: 75px; }
a#FRD div.inner { width: 321px; height: 75px; }
a#FRD div.inner div.description { display: none; }
a#TestPlan { text-decoration: none; outline: none; position: absolute; display: block; left: 13px; top: 353px; width: 143px; height: 56px; }
a#TestPlan div.inner { width: 143px; height: 56px; }
a#TestPlan div.inner div.description { display: none; }
a#RiskList { text-decoration: none; outline: none; position: absolute; display: block; left: 189px; top: 353px; width: 145px; height: 56px; }
a#RiskList div.inner { width: 145px; height: 56px; }
a#RiskList div.inner div.description { display: none; }
div.inner { cursor: pointer; }
div.description { cursor: default; color: #4f5a5b; text-decoration: none; }

/** Documents diagram */
table#DiagramLayout { border-spacing: 0; border: none; border-collapse: collapse; width: 100%; }
table#DiagramLayout td.diagram { width: 40%; border: 1px solid #cccccc; }
table#DiagramLayout td.desc { padding: 20px; width: 59%; }
#DiagramSpace { padding-bottom: 50px; }
.moo { padding-bottom: 10px; font-size: 24px; line-height: 1em; text-align: center; width: 100%; }
.head { width: 100%; text-align: left; margin-bottom: 10px; border: none; }
.side-note { font-size: 10px; color: #b0b0b0; width: 100%; text-align: left; }
.descHead { display: inline-block; width: auto; font-size: 18px; line-height: 1em; color: #2f950c; padding: 0 1px 2px 1px; border-bottom: 2px solid #2f950c; }
a#Vision:hover { width: 240px; height: 70px; border: 3px solid #2f950c; }
a#Vision.selected div.inner, a#Vision:hover div.inner { width: 240px; height: 70px; border: 3px solid #2f950c; }
a#Vision.selected div.inner div.description, a#Vision:hover div.inner div.description { display: block; position: relative; left: 325px; width: 450px; }
a#BRD:hover { width: 240px; height: 70px; border: 3px solid #2f950c; }
a#BRD.selected div.inner div.description, a#BRD:hover div.inner div.description { display: block; position: relative; left: 325px; width: 450px; }
a#FRD:hover { width: 315px; height: 69px; border: 3px solid #2f950c; }
a#FRD.selected div.inner div.description, a#FRD:hover div.inner div.description { display: block; position: relative; left: 360px; top: -100px; width: 500px; }
a#TestPlan:hover { width: 137px; height: 50px; border: 3px solid #2f950c; }
a#TestPlan.selected div.inner div.description, a#TestPlan:hover div.inner div.description { display: block; position: relative; left: 350px; top: 0; width: 500px; }
a#RiskList:hover { width: 139px; height: 50px; border: 3px solid #2f950c; }
a#RiskList.selected div.inner div.description, a#RiskList:hover div.inner div.description { display: block; position: relative; left: 180px; top: -50px; width: 500px; }

.screenshot {
  padding: 5px;
  border: none;
  width: 505px;
  background-color: #f8f8f8;
}
.screenshot img {
  border: 1px solid #dddddd;
}
.screenshot .description {
  font-size: 0.91em;
  color: #757575;
  padding: 0 0 5px 5px;
  text-align: left;
  width: 100%;
  display: block;
}

table#Features { border: none; border-spacing: 0; border-collapse: collapse; width: 40%; padding-top: 5px; }
table#Features tr:hover { background-color: #cccccc; }
table#Features tr td { height: 60px; padding: 5px 0 5px 20px; }
table#Features tr td span.feature-caption { display: block; font-family: Tahoma, sans-serif; font-weight: bolder; font-size: 20px; line-height: 0.75em; color: #dedede; }

#header .row-2 .node {
	position: absolute;
}

#bannerTop1, #bannerTop2, #bannerTop3 {
	border: none;
	display: block;
	position: absolute;
	left: 475px;
	width: 399px;
	border: none;
	outline: none;
}

#bannerTop1 img, #bannerTop2 img, #bannerTop3 img {
	visibility: hidden;
	width: 399px;
}

#bannerTop1:hover img, #bannerTop2:hover img, #bannerTop3:hover img {
	visibility: visible;
}

#bannerTop1 {
	top: 0px;
	height: 60px;
}

#bannerTop1 img {
	height: 60px;
}

#bannerTop2 {
	top: 60px;
	height: 65px;
}

#bannerTop2 img {
	height: 65px;
}

#bannerTop3 {
	top: 125px;
	height: 65px;
}

#bannerTop3 img {
	height: 65px;
}

#hrefTop {
	border: none;
	display: block;
	position: absolute;
	width: 874px;
	height: 190px;
	text-decoration: none;
	outline: none;
}

a.external { padding-right: 13px; background: transparent url(/media/images/link.gif) right no-repeat; }

#BlogDiv {
	margin-top: 30px;
}

#BlogDiv .blogEntry {
	background: transparent url(/media/images/line-dot.gif) repeat-x scroll left bottom;
	margin-bottom: 10px;
	padding-bottom: 14px;
}

#BlogDiv .blogEntry .blogEntryTitle {
	font-weight: bold;
	color: #000;
	margin-bottom: 5px;
}

#BlogDiv .blogEntry .blogEntryTitle a{
	color: black;
}

#BlogDiv .blogEntry .blogEntryTeaser {
}

#BlogDiv .blogEntry .blogEntryFooter {
	font-size: 0.8em;
}

#BlogDiv .blogEntry .blogEntryFooter .blogEntryTime {
	margin: 0em 2em 0em 0em;
}

#BlogDiv .blogEntry .blogEntryFooter .blogEntryAuthor {
	font-weight: bold;
}

#BlogDiv .blogEntry .blogEntryFooter .blogEntryAuthor a{
	color: #4F5A5B;
}

.PageTags {
	background-color: #eee;
	font-size: 10px;
	padding: 5px;
}

.PageTags a {
	margin: 0px 3px;
}

ul.projectsMenu {
	border-bottom:1px solid #99FF99;
	border-top:1px solid #99FF99;
	font-size:14px;
	margin:10px 0 17px;
	padding:10px 0;
}

ul.projectsMenu li {
	font-weight:bold;
	padding: 10px;
	display: inline;
}

ul.projectsMenu li.current {
	background-color:#99FF99;
	color:#303030;
	font-weight:bold;
}

ol.big {
    margin-left: 4px;
}

ol.big li {
    font-size: 12px;
    /*font-weight: bold;*/
    /*color: #2F950C;*/
    color: #77888a;
    padding: 3px 0 3px 0;
}

ol.big li span {
    font-size: 12px;
    font-weight: normal;
    color: #4F5A5B;
}