/****************************************************************************************/
/*                                                                                      */
/* Futuroom.cz website - FORMS ELEMENTS                                                 */
/*                                                                                      */
/* Version:         2009-07-18 17:35                                                    */
/* Last changed by: Petr Kus                                                            */
/* Version:         2009-07-17 10:47                                                    */
/* Last changed by: Petr Kus                                                            */
/* Version:         2009-06-26 07:41                                                    */
/* Last changed by: Filip Zadnik                                                        */
/* Version:         2009-05-15 15:15                                                    */
/* Last changed by: Petr Kus                                                            */
/* Version:         2009-05-14 05:00                                                    */
/* Last changed by: Petr Kus                                                            */
/* Version:         2009-04-23 10:00                                                    */
/* Last changed by: Petr Kus                                                            */
/*                                                                                      */
/****************************************************************************************/
/****************************************************************************************/

/* GREY TEXT INPUT - ON WHITE BACKGROUND ============================================== */
.inputGreyBg
{
	width: 170px; /*bylo 244*/
	height: 29px;
	margin-top:2px;
	background: #f8f8f8 url(../images/design/forms/grey-input-middle.png) repeat-x 0px 0px;
	/*overflow:hidden;*/
}

.inputGreyBg .left,
.inputGreyBg .right
{
	width: 2px;
	height: 29px;
	display: block;
	overflow:hidden;
}

.inputGreyBg .left
{
	float: left;
	background: url(../images/design/forms/grey-input-left.png) no-repeat 0px 0px;
}

.inputGreyBg .right
{
	float: right;
	background: url(../images/design/forms/grey-input-right.png) no-repeat 0px 0px;
}

.inputGreyBg input,
.inputGreyBg select
{
	width: 158px;/*bylo 232*/
	
    font-size:130%;
	font-weight:bold;
	padding: 4px 0 6px 0;
	float: left;
	background: transparent;
	border: none;
	position:relative;
	left:4px;
	color:#B1B1B1;
}

.inputGreyBg select
{
    padding:0px;
	margin: 6px 0 6px 0;
}

.inputGreyBg.big
{
  width:400px;
}

.inputGreyBg.big input
{
	width:388px; /*o 12 menší než .inputGreyBg.big */
}

/* GREY TEXTAREA - universal width, height ON  WHITE BACKGROUND ==================================================== */

.textareaGreyBgLeft
{
    width:414px;
	background: #f8f8f8 url(../images/design/forms/grey-textarea-left.png) repeat-y 0px 0px;
	overflow:hidden;
	position:relative;
	margin-bottom:12px;
	position:relative;
	top:8px;
}

.textareaGreyBgRight
{
    width:414px;
	background: url(../images/design/forms/grey-textarea-right.png) repeat-y right top;
	overflow:hidden;
	position:relative;
}


.textareaGreyBgRight .bottom,
.textareaGreyBgRight .top
{
    width: 100%;
	height: 2px;
	display: block;
	overflow: hidden;
	clear: both;
	line-height:0;
	font-size:0;
}

.textareaGreyBgRight .top
{
    background: url(../images/design/forms/grey-textarea-top.png) repeat-x 0px top;
}

.textareaGreyBgRight .bottom
{
    background: url(../images/design/forms/grey-textarea-bottom.png) repeat-x 0px bottom;
}

.textareaGreyBgRight .bottom .left,
.textareaGreyBgRight .top .left
{
    width: 2px;
	height: 2px;
	display: block;
	float: left;
}

.textareaGreyBgRight .bottom .right,
.textareaGreyBgRight .top .right
{
  width: 2px;
	height: 2px;
	display: block;
	float: right;
}

.textareaGreyBgRight .bottom .left
{
	background: url(../images/design/forms/grey-textarea-bottom-left.png) no-repeat 0px 0px;
}

.textareaGreyBgRight .bottom .right
{
	background: url(../images/design/forms/grey-textarea-bottom-right.png) no-repeat 0px 0px;
}

.textareaGreyBgRight .top .left
{
	background: url(../images/design/forms/grey-textarea-top-left.png) no-repeat 0px 0px;
}

.textareaGreyBgRight .top .right
{
	background: url(../images/design/forms/grey-textarea-top-right.png) no-repeat 0px 0px;
}

.textareaGreyBgRight textarea
{
	width: 398px;
	height:158px;
	padding: 5px 4px 4px 10px;
	border: none;
	background: transparent;
    font-size:130%;
	font-weight:bold;
	color:#B1B1B1;
}


/* GREY BUTTON - ON WHITE BG *************************************************************/
.buttonGreyBg
{
	width: 142px;
	height: 42px;
  font-size:140%;
  font-weight:bold;
	border: none;
	cursor:pointer;
	background: #e9e9e9 url(../images/design/forms/grey-gradient-button.png) no-repeat 0px 0px;
	color: #000;
}

/* GREY BUTTON  BIGGER  - ON WHITE BG *************************************************************/
.buttonGreyBgBigger
{
	width: 202px;
	height: 42px;
  font-size:140%;
  font-weight:bold;
	border: none;
	cursor:pointer;
	background: #e9e9e9 url(../images/design/forms/grey-gradient-button-wide.png) no-repeat 0px 0px;
	color: #000;
}

/* GREY SMALL BUTTON - ON WHITE BG *************************************************************/

.buttonSmallGreyBg
{
	width: 56px;
	height: 16px;
	padding-bottom:1px;
    font-size:82%;
    font-weight: normal; /*bold;*/
    font-family:Tahoma;
	border: none;
	cursor:pointer;
	background: #e9e9e9 url(../images/design/forms/grey-small-gradient-button.png) no-repeat 0px 0px;
	color: #878787; /*#1f608e; Stara hodnota*/
}

/* GREY SMALL BUTTON - ON GRAY BG *************************************************************/
.searchCoursePanel .functionButtons .buttonSmallGreyBg2,
.buttonSmallGreyBg2
{
	width: 64px;
	height: 18px;
	padding-bottom:1px;
    font-size:82%;
    font-weight: normal;
    font-family:Tahoma;
	border: none;
	cursor:pointer;
	background: #e9e9e9 url(../images/design/forms/grey-small-gradient-button2.png) no-repeat 0px 0px;
	color: #878787;
}
/* GREY MIDDLE BUTTON - ON WHITE BG *************************************************************/
.buttonMiddleGreyBg
{
	width: 142px;
	height: 31px;
    font-size:140%;
    font-weight:bold;
	border: none;
	cursor:pointer;
	background: #e9e9e9 url(../images/design/forms/grey-middle-gradient-button.png) no-repeat 0px 0px;
	color: #000;
}
/* RED BUTTON - ON GREY BG *************************************************************/
.redButton
{
	width: 63px;
	height: 24px;
  font-size:94%;
	border: none;
	cursor:pointer;
	background: #f30000 url(../images/design/forms/red-button.png) no-repeat 0px 0px;
	color: #fff;
}

.redLongGradientButton
{
	width: 145px;
	height: 23px;
    font-size:84%;
    font-weight:bold;
    line-height: 23px;
	border: none;
	cursor:pointer;
	background: #f30000 url(../images/design/forms/red-long-gradient-button.png) no-repeat 0px 0px;
	color: #fff;
}

.redVeryLongGradientButton
{
	width: 163px;
	height: 23px;
	margin-top:16px;
	padding-bottom:3px;
    font-size:84%;
    font-weight:bold;
    line-height: 23px;
	border: none;
	cursor:pointer;
	background: #f30000 url(../images/design/forms/red-verylong-gradient-button.png) no-repeat 0px 0px;
	color: #fff;
}

/* RED CART BUTTON - ON WHITE BG *************************************************************/
.redCartButton
{
	width: 90px;
	height: 23px;
	padding-left:25px;
	padding-bottom:2px;
    font-size:90%;
    font-weight:bold;
    line-height: 23px;
	border: none;
	cursor:pointer;
	background: #f30000 url(../images/design/forms/red-short-gradient-cart-button.png) no-repeat 0px 0px;/*red-small-gradient-cart-button*/
	color: #fff;
}

.redCartButtonBig
{
	width: 145px;
	height: 23px;
	padding-left:30px;
    font-size:84%;
    font-weight:bold;
    line-height: 23px;
	border: none;
	cursor:pointer;
	background: #f30000 url(../images/design/forms/red-long-gradient-cart-button.png) no-repeat 0px 0px;
	color: #fff;
}

.redCartButtonLonger
{
	width: 130px;
	height: 23px;
	padding-left:30px;
    font-size:84%;
    font-weight:bold;
    line-height: 23px;
	border: none;
	cursor:pointer;
	background: #f30000 url(../images/design/forms/red-longer-gradient-cart-button.png) no-repeat 0px 0px;
	color: #fff;
}

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

.buttonOrderCourse
{
	width: 125px;
	height: 38px;
    font-size:140%;
    padding-left:25px;
	border: none;
	cursor:pointer;
	background: #FF0000 url(../images/design/forms/red-gradient-cart-button-short.png) no-repeat 0px 0px;
	color: white;
}

.buttonOrderCourse1
{
	width: 125px;
	height: 38px;
    font-size:140%;
    padding-left:25px;
	border: none;
	cursor:pointer;
	background: #FF0000 url(../images/design/forms/red-gradient-cart-button-short.png) no-repeat 0px 0px;
	color: white;
}

.buttonOrderCourseLonger
{
	width: 175px;
	height: 38px;
    font-size:140%;
    padding-left:25px;
	border: none;
	cursor:pointer;
	background: #FF0000 url(../images/design/forms/red-gradient-cart-button-long.png) no-repeat 0px 0px;
	color: white;
}

.orderCoursePanel .buttonOrderCourse,
.orderCoursePanel .buttonOrderCourse1,
.orderCoursePanel .buttonOrderCourseLonger
{
    float:right;
}

td.description
{
    padding-left:5px;
    font-size:85%;
    width:220px;
    vertical-align:center;
}
/* [addComment] ============================================== */

.addComment
{
    padding: 15px 20px 18px 20px;
}

.comment .content form .addComment
{
    padding: 15px 0px 0px 0px;
}

.addComment table th
{
    width: 195px;
    height: 30px;
    padding-right: 8px;
    text-align: right;
    font-size: 130%;
	vertical-align: top;
	line-height: 30px;
}

.comment .content form .addComment table th
{
    width: 100px;
}

.comment .content form .addComment .content
{
    padding: 0px;
}

.addComment table td.borderBottom
{
    padding-top:20px;
    margin-top:20px;
    border-bottom:1px solid #E9E9E9;
}

.addComment table
{
    margin-top:15px;
    clear:both;
    border-collapse:collapse;
}


.marginTop
{
    margin-top:15px;
}

.alignRight
{
    text-align:right;
}

.addComment table th .pink
{
    color:#EB0000;
}

.addComment table td #controlCode,
.addComment table td .inputGreyBg.controlCode
{
    width:170px;
    float:left;
    margin-right:13px;
}

.addComment table th.pinkText
{
    text-align: left;
    font-size: 100%;
    font-weight: bold;
    line-height: 20px;
    color: #EB0000;
}

.addComment .leftPart
{
    float:left;
    font-weight:bold;
}

.addComment .leftPart a
{
    color:#EB0000;
}

.addComment .leftPart a:hover
{
    color:#000000;
}

.addComment table th .description
{
    width:120px;
    position:relative;
    left:80px;
    bottom:9px;
    color:#000;
    font-size:60%;
    text-align:left;
    line-height:normal;
    font-weight:normal;
}

.comment .content form .addComment table th .description
{
    width: 100px;
    left: 0px;
}

.addComment tr td .floatLeft
{
	float:left;
	margin-left:28px;
}

.addComment tr td .floatRight
{
	float:right;
	margin-left:10px;
}

.positionRelative
{
    position:relative;
    float:left;
}

.addComment table tr td.note
{
    text-align:left;
    vertical-align: top;
    font-size: 80%;
    font-weight: bold;
    padding-top:10px;
    padding-left: 5px;
}

.titles
{
    cursor:pointer;
}

.addComment tr td.positionRelative
{
    position:relative;   
}

.addComment table tr td table
{
    margin: 0px; 
}

.addComment table tr td table div.fakeFile
{
    z-index:5;
    position:absolute;
    margin-top:5px;
    opacity:0;
    filter:alpha(opacity=0);
}

/* [personInfo] **************************************************************************/

.personInfo
{
    padding: 12px 20px 18px 20px;
    margin-bottom:20px;
    border-bottom:1px solid #E9E9E9;
}

.personInfo h3
{
    padding-bottom:2px;
    font-size:170%;
}

.personInfo table
{
    margin-top:30px;
    clear:both;
    border-collapse:collapse;
}

.personInfo table th
{
    width:195px;
    padding-right:8px;
    text-align:right;
    font-size:120%;
	vertical-align:top;
	color:#767676;
}

.personInfo table td
{
    font-size:120%;
    font-weight:bold;
}

.personInfo table td.fontNormal
{
    font-size:100%;
}