/**************************************************************************************/
/*                                                                                    */
/* CST Standard website CSS                                                           */
/*                                                                                    */
/* Central menu:    top, horizontal                                                   */
/* Submenu:         none                                                              */
/*                                                                                    */
/* Version:         2009-05-04 11:00                                                  */
/*                  Prema Svoboda                                                     */
/*                                                                                    */
/**************************************************************************************/

body {	color: #0e2e00;		}

#bennersCenter {
	border-bottom: 1px solid #000;
}

#content #rightContent {
	font-size: 91%;
	line-height: 152%;
}

#content #rightContent h1 {
	color: #3c3c3c;
	font-size: 124%;
	padding-left: 30px;
	background: url(/images/design/li_h1.gif) 8px 3px no-repeat;
}

#content #rightContent h2 {
	font-size: 110%;
}

#content #rightContent p {
	margin: 22px 0 10px 0;
}

#rightContent ul
{
  margin: 10px 0 0 20px;
}

#rightContent li
{
/*  list-style-type: none;	*/
  margin: 0 0 0 0;
}

#rightContent li a
{
/*  color:#a67d0c;	*/
  text-decoration:none;
  margin:0 0 0 10px;
}

#rightContent a
{
	color: #1a3682;
}

#rightContent a:hover
{
	color: #4770DA;
}

#rightContent .color
{
	color: #4770DA;
}

#rightContent .imgFloatRight
{
	float: right;
	padding: 10px 10px 10px 20px;
}

#rightContent a.pdf
{
	padding: 10px 0 2px 30px;
	background: url(/images/design/ico_pdf_small.gif) no-repeat left top;
}

.more a {
	padding: 0 0 3px 20px;
	color: #4e4e4e;
	font-weight: bold;
	font-size: 106%;
	background: url(/images/design/ico_right.gif) 0px 4px no-repeat;
}

/**********************************  RIGHT PANEL  ******************************************************/

#rightPanel .content {	font-size: 86%;	}

#rightContent li a:hover
{
  text-decoration:underline;
}

#rightPanel .art_item {
	font-size: 76%;
	margin-bottom: 10px;
}

#rightPanel .art_item .header {
	display: block;
	margin-bottom: 5px;
	color: #2F2D80
}

#rightPanel .art_item .header .date
{
	display: block;
	float: right;
}

#rightPanel .art_item .header a {
	color: #0e2e00;
	font-weight: bold;
}

#rightPanel .art_item .image
{
	float: left;
}

#rightPanel .art_item .image img
{
	margin: 0 10px 2px 0;
}

#rightPanel .art_item .short {
	display: block;
}

#rightPanel a {	 	color:#2d2f80;	}

#rightPanel .more {
	text-align: right;
	font-size: 100%;
}

/**********************************  ARTICLES  ******************************************************/

#rightContent #news_list .art_item
{
	margin: 10px 0;
}

#rightContent #news_list .art_item .more
{
	text-align: right;
}

#rightContent #news_list h2 .date
{
	display: block;
	float: right;
}

#rightContent #news_list .art_item .image
{
	float: left;
}

#rightContent #news_list .art_item .image img
{
	margin: 5px 10px 2px 0;
}

#rightContent #news_detail h1 .date
{
	display: block;
	float: right;
}
#rightContent #news_detail .more
{
	text-align: right;
}

/**********************************  PHOTOGALLERY  ******************************************************/

#photogallery
{
    margin:20px 0;
}

#photogallery p
{
  margin:10px;  
}

#photogallery a 
{
  height:110px;
  margin:5px 10px;
  padding:10px;
  display:block;
  float:left;
  text-align:center;
  border:1px solid #000;
  background:#fff;
}

#photogallery a:hover
{
  background:#bbb;
}

#photogallery a img
{
  height:110px;
  margin:0;
  float:none;
}

/**********************************  CATEGORY FILES  ******************************************************/

#rightContent .files
{
  margin:10px 0 0 20px;
}

#rightContent .files li
{
  list-style-type:none;
  clear:both;
}

#rightContent .files li a
{
  display:block;
  height:25px;
  padding:5px 0;
  margin:0px 10px 0px 0;
  color:#000;
  text-decoration:none;
}

#rightContent .files .zip a { background:url(/images/archive.gif) 0 5px no-repeat; }
#rightContent .files .media a { background:url(/images/multimedia.gif) 0 5px no-repeat; }
#rightContent .files .pdf a { background:url(/images/pdf.gif) 0 5px no-repeat; }
#rightContent .files .pic a { background:url(/images/picture.gif) 0 5px no-repeat; }
#rightContent .files .text a { background:url(/images/text.gif) 0 5px no-repeat; }
#rightContent .files .unk a { background:url(/images/unknown.gif) 0 5px no-repeat; }

#rightContent .files .name
{
  float:left;
  clear:both;
  margin:0 0 0px 40px;
}

#rightContent .files .size
{
  clear:both;
  float:left;
  margin:0 0 0 80px;
  font-size:80%;
}


/**********************************  CONTACT FORM  ******************************************************/

#contactForm
{
  margin:0;
  padding:20px 0 0 50px;
}

#contactForm h2
{
  font-weight:normal;
  text-transform:uppercase;
  padding:0 20px 20px 20px;
}


#contactForm input
{
  border:1px solid #000;
  width:300px;
}


#contactForm textarea
{
  border:1px solid #000;
  width:300px;
}

#contactForm textarea
{
  height:60px;
}

#contactForm .TextAreata, #contactForm .TextAreata div
{
  float:left;
}

#contactForm .tbTextSTextBox, #contactForm .taTextSTextArea
{
  width:150px;
  font-weight:bold;
  margin:3px 0 0 0;
}

#contactForm .taTextSTextArea
{
  float:left;
}

.fClear
{
  clear:both;
  overflow:hidden;
  height:1px;
}

#contactForm #btnResetForm, #contactForm #btnSubmitForm
{
  width:50px;
  margin:5px 5px;
  float:left;
  cursor:pointer;
  border:1px solid #000;
  background:#b42b5f;
  color:#fff;
}

#contactForm #btnSubmitForm
{
  margin-left:340px;
}

/**********************************  SUPPORT FORM  ******************************************************/

.fClear
{
	clear: both;
}

.TextBoxTB,
.SelectTS,
.TextAreaTA
{
	clear: both;
}

.TBTextSTextBox,
.TSTextSSelect,
.TATextSTextArea
{
	clear: both;
	float: left;
	width: 150px;
}

.TextAreaTA
{
	margin-top: 4px;
}

.TBTextETextBox,
.TSTextESelect,
.TATextETextArea
{
	float: left;
	width: 40px;
}

.TBTextBox,
.TSSelect
{
}

.TBTextBox input,
.TSSelect select
{
	width: 298px;
	border: 1px solid #000;
}

.TATextArea
{
	width: 298px;
	border: 1px solid #000;
}

#btnResetForm,
#btnSubmitForm
{
	margin-left: 0px;
	padding: 2px 5px;
	background: #FFF;
	border: 1px solid #000;
	cursor: pointer;
}

#btnResetForm
{
	margin-left: 150px;
}

/**********************************  NEWSLETTER FORM  ******************************************************/

#news
{
    margin:40px 0 0 50px;
}

#news h2
{
    padding:10px 0;
}

 #news p label
{
	margin: 0 5px 0 10px;
} 

 #news .email
 {
  padding:20px 0;
 }
 
 /**********************************  REGISTRATION FORM  ******************************************************/
/* p - text in login form */
#content #rightContent .reg 
{   
    margin:15px 0 0 0;
    font-size: 80%; 
}
#content #rightContent .reg p
{
	width: 500px;
	float: left;
	margin: 0;
	padding: 2px 0;
	} 

/* label - label in login form */
 .reg p label
{
	float: left;
	width: 145px;
	text-align: right;
	padding: 2px 0;
	margin: 0 5px 0 0;

} 

/* input - input login form */
.reg input
{
	width: 180px;
	height: 18px;
	padding:0 0 0 2px;
	border: 1px solid black;
	background: #fff;
}

/* input - input login form */
.reg input.checkbox
{
	width: 15px;
	height: 18px;
	padding:0 0 0 2px;
	border: none;
	background: #fff;
}

.reg select
{
	width: 183px;
	height: 18px;
	margin: 0 0 0 1px;
	padding:0 0 0 2px;
	border: 1px solid grey;
	font-size: 10px;
	background: #fff;
}

/* input - input button in login form */
.reg input.loginButton,   #news .loginButton
{
	width: 150px;
	padding: 2px 0 2px 0;
	text-align: center;
	border: 1px solid grey;
	color: #fff;
	font-weight: bold;
	background: #b42b5f;
}

/* input - input button in login form */
.reg input.loginButton2
{
	width: 184px;
	height: 18px;
	padding: 0 0 2px 0;
	margin: 5px 0 0 -350px;
	text-align: center;
	border: 1px solid grey;
	color: #fff;
	font-weight: bold;
	background: #b42b5f;
	float: left;
	}

/**********************************  CONTENT TABLE  ******************************************************/
 
.contenttable {
	font-size: 80%;
	border: 1px dotted #363636;
}

.contenttable tr {
	vertical-align: top;
}

.contenttable tr.odd {
	background: #e7e7e7;
}

.contenttable th,
.contenttable td {
	padding: 3px 3px;
}

.contenttable th {
	font-weight: normal;
	text-align: left;
}

.contenttable td {
	text-align: center;
}

.contenttable th.b,
.contenttable td.b {
	font-weight: bold;
}

.contenttable img
{
	margin: 5px 0 0 0;
}

/**********************************  DOWNLOAD  ******************************************************/

#download_links {
	margin: 10px;
	font-size: 80%;
}

#download_links .columnL,
#download_links .columnR
{
	display: block;
	width: 232px;
}

#download_links .columnL
{
	clear: left;
	float: left;
}

#download_links .columnR
{
	float: right;
}

#download_links .header
{
	font-weight: bold;
}

#download_links .link
{
	margin: 2px 0;
	border: 1px dotted #363636;
	background: #FFF url(/images/design/ico_download.gif) no-repeat 3px center;
}

#download_links a
{
	display: block;
	padding: 0 23px;
}

#download_links .en {	background: url(/images/design/flag_en.gif) no-repeat 210px center;	}
#download_links .de {	background: url(/images/design/flag_de.gif) no-repeat 210px center;	}
#download_links .es {	background: url(/images/design/flag_es.gif) no-repeat 210px center;	}
#download_links .it {	background: url(/images/design/flag_it.gif) no-repeat 210px center;	}
#download_links .pl {	background: url(/images/design/flag_pl.gif) no-repeat 210px center;	}
#download_links .tr {	background: url(/images/design/flag_tr.gif) no-repeat 210px center;	}
#download_links .pt {	background: url(/images/design/flag_pt.gif) no-repeat 210px center;	}
#download_links .fr {	background: url(/images/design/flag_fr.gif) no-repeat 210px center;	}

/**********************************  TUTORIALS  ******************************************************/

#tutorials
{
	font-size: 80%;
}

#tutorials .item
{
	margin: 5px 10px 15px 10px;
	padding: 10px;
	border: 1px dotted #363636;
}

#tutorials .item h3
{
	margin: 0;
	padding: 0 25px;
	font-size: 100%;
	background: url(/images/content/navblockarrow.gif) no-repeat 3px center;
}

#rightContent #tutorials .item p
{
	margin: 15px 0;
	padding: 0;
	line-height: 120%;
}

#tutorials a
{
	display: block;
	float: left;
	width: 115px;
	margin: 0px 5px;
	padding: 35px 10px 10px 10px;
	text-align: center;
}

#tutorials a.java {	background: url(/images/content/Java.png) no-repeat center 5px;	}
#tutorials a.flash {	background: url(/images/content/Flash.png) no-repeat center 5px;	}
#tutorials a.asf {	background: url(/images/content/Asf.png) no-repeat center 5px;	}

#tutorials a span
{
	display: none;
}

#rightContent #tutorials p.subtextTutorials
{
	margin: 0;
	padding: 0;
	font-size: 90%;
	text-align: right;
	color: #9D9D9D;
}

/**********************************  CALCULATOR  ******************************************************/

.tableBorderDottet
{
	margin: 10px 0 0 0;
	border: 1px dotted #363636;
}
.tableBorderDottet td,
.tableBorderDottet th
{
	padding: 3px 5px;
}
.tableBorderDottet th
{
	text-align: left;
	font-weight: normal;
}

.tableCalculator1 td
{
	text-align: right;
}

.tableCalculator1 input.readonly
{
	text-align: right;
}

.tableCalculator2 .header td,
.tableCalculator2 th
{
	color: #1A3682;
}
.tableCalculator2 th
{
	width: 200px;
}
.tableCalculator2 td
{
	text-align: center;
}
.tableCalculator3 td
{
	text-align: right;
}
.tableBorderDottet tr
{
	vertical-align: top;
}
.tableBorderDottet tr.odd {
	background: #e7e7e7;
}

input.readonly,
.tableCalculator2 input,
.tableCalculator3 input,
.tableCalculator3 input
{
	text-align: center;
	border: none;
	background: transparent;
}

.tableCalculator2 .header th
{
	font-weight: bold;
	color: inherit;
}

.tableCalculator1 input
{
	width: 50px;
	border: 1px solid #000;
	text-align: right;s
}

.tableCalculator1 input.readonly
{
	border: none;
}

.tableCalculator1 select
{
	width: 100px;
	border: 1px solid #000;
}
.tableCalculator3 input
{
	width: auto;
	text-align: right;
}
#eff_fps_text th
{
	width: 100%;
}