/* Polarion POP CSS Document */

/* Main divs */
html{
background-color: #EAEAEA;
}

li{
list-style: disc;
}

html a:link, a:visited{
font-size: 13px;
color: #00406b;
text-decoration: none;
}
html a:hover{
text-decoration: underline;
}

.yui-t2{
background-color: white;
}

#bd{
padding-left: 20px; 
padding-right: 20px;
}

.top_header {
background-color: #4d8fb9;
color: white;
height: 26px;
}


#logo{
height:80px;
margin-right:431px;
width: 519px; 
}


#search-query-top{
float:right;
font-size:200%;
height:60px;
margin-top:-82px;

padding-top: 34px; width: 227px;
}



#what_are_extensions{
border: 1px solid #e5e5e5; 
padding: 10px; 
line-height: 150%;
-webkit-border-radius: 5px;    /* for Safari */
-moz-border-radius: 5px;       /* for FF */
}


#challenge{
border: 1px solid #e5e5e5; 
padding: 10px; 
line-height: 150%;
-webkit-border-radius: 5px;    /* for Safari */
-moz-border-radius: 5px;       /* for FF */
}

  #challenge h2{
  margin-top: 1em;
  color: #00AEEF;
  }
  
  #challenge ul {margin-left: 2em;}
  #challenge p {padding: 0.5em 0;}
  .bold_green{
  font-weight: bold;
  color: #94ba3a;
  }



#extensions_list{
border: 1px solid #e5e5e5; 
padding: 10px;
padding-bottom: 0px; 
line-height: 150%;
margin-top: 25px;
background-color:#FAFAFA;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-webkit-border-radius-topleft:5px;
-webkit-border-radius-topright:5px;

border-bottom-color:#FAFAFA;
border-bottom-style:none;
border-bottom-width:0;

background-image: url(../img/bg2.png);
background-repeat: repeat-x;
}
  #extensions_list h2{
  color: #ea951c;
  }
  .recext_menu{
  font-size: 14px;
  font-weight: bold;
  color: black;
  width: 102px;
  margin-right: 15px;
  float: left;
  text-align: center;
  padding-top: 7px; height: 25px;
  }
  .recext_menu_active{
  color: white;
  width: 100px;
  border: 1px solid #ea951c; 
  background-color: #ea951c;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding-top: 6px; height: 26px;      
  }
  
  a.hrecext:link, a.hrecext:visited, a.hrecext:active{
  color:black;
  font-size:14px;
  font-weight:bold;
  }
  
  a.hrecext:hover {
    text-decoration:underline;
  }
  a.hrecextactive:link, a.hrecextactive:visited, a.hrecextactive:active{
  color:white;
  font-size:14px;
  font-weight:bold;
  }
  
  a.hrecextactive:hover {
    text-decoration:underline;
  }   
     
  
  
  .ext_arr1{
  padding-left: 28px;
  }
  .ext_arr2{
  padding-left: 150px;
  }
  .ext_arr3{
  padding-left: 270px;
  }
  .ext_arr4{
  padding-left: 388px;
  }  
 .ext_arr5{
  padding-left: 510px;
  }       
  
  .download{
  background-color:#EA951C;
  border:1px solid #EA951C;
  color:white;
  font-size:11px;
  font-weight:bold;
  text-align:center;
  width:100px;
  padding-top: 8px; height: 19px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  height: 19px;
  margin-bottom: 3px;
  width: 120px;      
  }
  
  a.dl:link, a.dl:visited, a.dl:active {
    font-size: 11px;
    padding-bottom: 2px;
    color: white;
    font-style:normal;
    font-weight:bold;
    text-decoration:none;
  }
  a.dl:hover {
    text-decoration:underline;
  }
  
  
  
.extension_box{
padding-right: 10px;
padding-top: 30px; 
padding-bottom: 20px;
padding-left: 0px;
border-left: 1px solid #e5e5e5; 
border-right: 1px solid #e5e5e5;
}
  .extension_box .icon {
  width: 100px; 
  float: left;
  text-align: center;
  }
  .extension_box .content{
  float: right; 
  width: 594px;
  }
    .extension_box .content .categories{
     width: 100%;
     padding-top: 10px;
    }  
 
  
  .extension_box .description{
  color: black;
  line-height: 165%;
  }  
  
  
.extension_separator{
height: 14px;
border-left: 1px solid #e5e5e5; 
border-right: 1px solid #e5e5e5;
padding: 0px 1px 0px 1px;
background-image: url(../img/bg4.png);
background-repeat: repeat-x;
}


#extensions_list_footer{
border: 1px solid #e5e5e5; 
margin-bottom: 25px;
background-color:#FAFAFA;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright:5px;
-webkit-border-radius-bottomleft:5px;
-webkit-border-radius-bottomright:5px;

border-top-color:#FAFAFA;
border-top-style:none;
border-top-width:0;

text-align: right;

background-image: url(../img/bg3.png);
background-repeat: repeat-x;

color:#EA951C;
font-size:14px;
font-weight:bold;
text-align:right;

padding-top: 9px; 
padding-right: 11px; height: 29px;
}

a.h3link:link, a.h3link:visited, a.h3link:active{
color:#EA951C;
font-size:14px;
font-weight:bold;
}

a.h3link:hover {
  text-decoration:underline;
}


a.h2link:link, a.h2link:visited, a.h2link:active{
color:black;
font-size:18px;
font-weight:bold;
}

a.h2link:hover {
  text-decoration:underline;
}





#categories_navigation{
background-color: #f9f9f9; 
border: 1px solid #e5e5e5; 
padding: 10px; 
line-height: 180%;
font-weight:bold;
-webkit-border-radius: 5px;    /* for Safari */
-moz-border-radius: 5px;       /* for FF */
}
  #categories_navigation h2{
  color: #afafaf;
  }



/* Main Font----------------------------------------------------------------*/
h1{
font-family: arial, helvetica, verdana;
font-size: 24px;
font-weight: bold;
}

h2{
font-family: arial, helvetica, verdana;
font-size: 18px;
font-weight: bold;
}

h5{
font-family: arial, helvetica, verdana;
font-size: 18px;
font-weight: bold;
color: #ea951c;
margin-bottom: 5px;
}
  


/* Stars rating */
.stars{
padding-left: 0px; 
margin-left: 16px;
padding-top: 10px;
text-indent:-5000px;
background-image:url(../img/stars.png);
background-position:0 50%;
background-repeat:no-repeat;
margin-right:.5em;
width:63px;
display:block;
float:left;
}
  .stars-4{
  background-position:-13px 50%;
  }
  .stars-3{
  background-position:-26px 50%;
  }
  .stars-2{
  background-position:-39px 50%;
  }
  .stars-1{
  background-position:-52px 50%;
  }
  .stars-0{
  background-position:-65px 50%;
  }







/* start ----------------------------------------------- hacky css */
.minHeight{
  /* minimalni vyska divu start */
  float:right;
  width:1px;
}

.minHeightEnd{
  /* minimalni vyska divu konec */
  clear:both;
  height:1px;
  overflow:hidden;
}

.minHeight50px {
  /* minimalni vyska divu 70px */
  height:50px;
}
/* konec ----------------------------------------------- hacky css */



/*detail page----------------------------------------------- */


#detail_header{
border: 1px solid #e5e5e5; 
padding: 10px;
padding-bottom: 0px; 
line-height: 150%;

-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-webkit-border-radius-topleft:5px;
-webkit-border-radius-topright:5px;

border-bottom-color:#FAFAFA;
border-bottom-style:none;
border-bottom-width:0;

}


#detail_footer{
border: 1px solid #e5e5e5; 
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright:5px;
-webkit-border-radius-bottomleft:5px;
-webkit-border-radius-bottomright:5px;

border-top-color:#FAFAFA;
border-top-style:none;
border-top-width:0;

text-align: right;


padding-top: 9px; 
padding-right: 11px;

height: 1px; margin-bottom: 15px;
}




.detail_box{
padding: 10px;
padding-top: 0px;
border-left: 1px solid #e5e5e5; 
border-right: 1px solid #e5e5e5;
}
  .detail_box .icon {
  padding-top: 7px;
  width: 100px; 
  float: left;
  text-align: center;
  }
  .detail_box .content{
  float: right; 
  width: 594px;
  }
    .detail_box .content .categories{
     width: 100%;
     padding-bottom: 20px; padding-top: 20px;
     
    }  
 
  
  .detail_box .description{
  line-height: 165%;
  }
  .detail_box .description2{
  margin-top: 10px;
  font-size: 10px;
  line-height: 165%;
  }  

  .download2{
  background-color:#EA951C;
  border:1px solid #EA951C;
  color:white;
  font-size:11px;
  font-weight:bold;
  text-align:center;
  padding-top: 8px; height: 24px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin-bottom: 3px;
  width: 220px;      
  }
  
  a.dl2:link, a.dl2:visited, a.dl2:active {
  font-size: 15px;
  padding-bottom: 2px;
  color: white;
  font-style:normal;
  font-weight:bold;
  text-decoration:none;
  }
  a.dl2:hover {
    text-decoration:underline;
  }
  
 
.detail_box_body{
padding: 10px;
padding-top: 20px;
padding-bottom: 20px;
border-left: 1px solid #e5e5e5; 
border-right: 1px solid #e5e5e5;
line-height:170%;
}

.detail_box_body li{
margin-left: 30px;
}



/* search page ---------------------------------------------------------- */

.search-form{margin-bottom:2em;width:73.47%;float:left; margin-top: 14px;}
.primary .search-form{width:100%;float:none;}
.search-form form{margin:0;}
.search-form .basic{margin:0; font-size: 14px;}
.search-form .basic *{vertical-align:middle;}
.search-form .basic select{outline-width:1px;padding:0.23em 0;width:35%;}
/**/
.search-form .basic option{color:black;text-indent:10px;padding-left:5px;}
.search-form .basic option.cat-all{color:#444;text-indent:0;font-weight:bold;}

#search-query .basic{
width: 700px;
}
#search-query input{
padding: 3px 2px 0px; vertical-align: middle; height: 20px; margin-top: 1px; font-size: 13px; width: 250px;
}




/* unified header ---------------------------------------------------------- */
#metalinks
{	
	height: 18px;	
	font-size: 11px;
	margin: 0;
	padding: 2px 10px;
	background: #eaeaea;
	color: #858585;
	font-weight: bold;
	border-bottom: 2px solid #00AEEF;
	line-height: 16px;
	}
	
.unifiedheader {line-height: 10px; }
	
#metalinks a { color: #858585; font-size: 11px; text-decoration: none;line-height: 10px;}


.hreview  {
border-bottom:1px dotted #B5D9E5;
margin-bottom:0.5em;
padding:0.5em 0 1em;
}

.hreview-answer{
	border-bottom:1px dotted #B5D9E5;
	margin-bottom:0.5em;
	padding:0.5em 0 1em;
	padding-left:2cm;
}
