/* 
    Document   : style
    Created on : 23.04.2009, 12:51:18
    Author     : vpervuni
    Description:
        PBOL web page style
*/
body{
    font-size: 13px;
    font-family: verdana, arial, helvetica, sans-serif;
}
div.page{
    height : auto;
    position : relative;
    width: 750px;
    background: url(img/pict/background.gif) repeat;
    padding: 3%;
    padding-top: 25px;
    padding-bottom: 15px;
    border: 2px;
    border-style: solid;
    border-color: #EE2433;
    min-height: 420px;
    margin-left: auto ;
    margin-right: auto ;
  /*  float: left;
    left: 10%;*/
    text-align: center;
}
div.left{
    width: 150px;
    vertical-align: middle;
}
div.right{
    width: 595px;
}
div.menu{
    background-color:#ffffff;
    padding: 5px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 5px;
    border: 1px;
    border-style: solid;
    border-color: #353392;
}
div.main{
    background-color:#ffffff;
    padding: 10px;
    padding-bottom: 5px;
    padding-top: 30px;
    margin-bottom: 5px;
    border: 1px;
    border-style: solid;
    border-color: #353392;
    min-height: 249px;
}
div.small{
    background-color:#ffffff;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px;
    border-style: solid;
    border-color: #353392;
}
div.shadow,
div.main,
div.menu,
div.small
{
	position: relative;
	bottom: 2px;
	left: 1px;
}
div.shadow{
	background-color: #C7C6FF; /*shadow color*/
	color: inherit;
}
img{
    vertical-align:text-bottom;
    border:0px;
}
div.grey{
    color:#666;
    font-size: x-small;
}
input.button{
    background-color: #EE2433;
    color: #ffffff;
    font-size: xx-small;
    font-weight: bold;
    border-style:solid;
    border-color:#F3656F;
}
div.search{
    padding-left: 8px;
    color:#666;
    font-size: x-small;
}
input.textinput{
    background-color: #ffffff;
    border-style:solid;
    border-color:#F3656F;
}
a.topmenu:link {text-decoration: none; color: #353392; font-weight: bold; letter-spacing: 1px; line-height: 1.5}
a.topmenu:active {text-decoration: none; color: #353392; font-weight: bold; letter-spacing: 1px; line-height: 1.5}
a.topmenu:visited {text-decoration: none; color: #353392; font-weight: bold; letter-spacing: 1px; line-height: 1.5}
a.topmenu:hover {text-decoration: underline; color: #353392; font-weight: bold; letter-spacing: 1px; line-height: 1.5}

a.submenu:link {text-decoration: none; color: #353392; font-weight: bold; font-size: x-small;}
a.submenu:active {text-decoration: none; color: #353392; font-weight: bold; font-size: x-small;}
a.submenu:visited {text-decoration: none; color: #353392; font-weight: bold; font-size: x-small;}
a.submenu:hover {text-decoration: underline; color: #353392; font-weight: bold; font-size: x-small;}

a:link {text-decoration: none; color: #353392;}
a:active {text-decoration: none; color: #353392;}
a:visited {text-decoration: none; color: #353392;}
a:hover {text-decoration: underline; color: #353392;}


li
{
    font-style:italic;
}


div.first,
div.contactfirst{
    padding: 3px;
    font-size: x-small;
    color: #EE2433;
    font-weight: bold;
    position:relative;
    float:left;
    width: 70px;
}
div.second,
div.contactsecond{
    padding: 3px;
    font-size: x-small;
    font-weight: bold;
    color: #353392;
    position:relative;
    float:left;
    width: 490px;
}
div.third{
    padding-left: 80px;
    padding-bottom: 15px;
}

div.contactfirst{
    width: 85px;
    clear: left;
}
div.contactsecond{
    width: 475px;
}
div.contactinfo{
    font-size: x-small;
    line-height: 15px;
    color: #000;
    padding-top: 20px;
    margin: 5px;
}

div.companyfirst{
    padding: 3px;
    font-size: x-small;
    color: #EE2433;
    font-weight: bold;
    position:relative;
    float:left;
    width: 50px;
}
div.companysecond{
    margin-left: 7px;
    margin-top: 18px;
    margin-bottom: 27px;
    font-size: x-small;
    font-weight: bold;
    color: #353392;
    position:relative;
    float:left;
    width: 510px;
}
div.technologiesfirst{
    margin: 10px;
    position:relative;
    float:left;
    width: 110px;
}
div.technologiessecond{
    margin: 10px;
    position:relative;
    float:left;
    width: 400px;
}
div.addressfirst{
    margin: 3px;
    position:relative;
    float:left;
    width: 13px;
}
div.addresssecond{
    margin: 3px;
    position:relative;
    float:left;
    width: 112px;
}


div.tableleft{
    position:relative;
    float:left;
    text-align:left;
    vertical-align:middle;
}
div.tableright{
    position:relative;
    float:right;
    text-align:left;
    vertical-align:middle;
}
div.tablenode {
    margin-left: 4px;
    margin-right: 4px;
}
div.title{
    font-weight: bold;
    font-size: small;
    letter-spacing: 3px;
    color: #EE2433;
    text-transform: lowercase;
    margin-bottom: 8px;
    margin-left: 10px;
}

div.tableend {
    clear:both;
    display:block;
}

img.contact{
   padding:1px;
   border:1px solid #EE2433;
   background-color:#fff;
}

div.pfirst{
    padding: 3px;
    font-size: x-small;
    color: #EE2433;
    font-weight: bold;
    position:relative;
    float:left;
    width: 90px;
    clear: both;
}
div.psecond{
    padding: 3px;
    font-size: x-small;
    font-weight: bold;
    color: #353392;
    position:relative;
    float:left;
    width: 470px;
}
div.pthird{
    padding-left: 100px;
    padding-bottom: 15px;
}


/* these are the other three spans. classes were used to allow multiuse on a page */
.tr, .bl, .br, .tl {
  position : absolute;
  width : 14px;
  height : 14px;  /* corner images are 40x40 */
  display : block;
  margin-bottom : -1px;  /* this is for IE */
}

/* change position and image: top-left */
.tl {
  background : transparent url(img/pict/csc_tl.png) no-repeat;
  top : -3px;
  left : -3px;
}

/* change position and image: top-right */
.tr {
  background : transparent url(img/pict/csc_tr.png) no-repeat;
  top : -3px;
  right : -2px;
}

/* change position and image: bottom-left */
.bl {
  background : transparent url(img/pict/csc_bl.png) no-repeat;
  bottom : -1px;
  left : -3px;
}

/* change position and image: bottom-right */
.br {
  background : transparent url(img/pict/csc_br.png) no-repeat;
  right : -2px;
  bottom : -1px;
}


div.center{   
text-align: center;
 position: relative;
 width: 100%;
 overflow: hidden;
}
div.block {
   /*     position: relative;
        width: 100%;
        overflow: hidden;*/
}