﻿/* CSS Document */

/*----------------------------------------------------------------Reset--------------------------------------------------------------------*/
/*
	Alapértelmezett CSS definíciók alaphelyzetbe állítása
*/
html{color:#000;background:#fff;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}input:focus{outline:none;}
/*----------------------------------------------------------------Reset--------------------------------------------------------------------*/









/*------------------------------------------Fontok---------------------------------------------------------------------------------------*/


@font-face {
    font-family: 'Ubuntu Regular';
    src: url('../fonts/ubuntu-r-webfont.eot');
    src: url('../fonts/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ubuntu-r-webfont.woff') format('woff'),
         url('../fonts/ubuntu-r-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'Ubuntu Bold';
    src: url('../fonts/ubuntu-b-webfont.eot');
    src: url('../fonts/ubuntu-b-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ubuntu-b-webfont.woff') format('woff'),
         url('../fonts/ubuntu-b-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



/*------------------------------------------Fontok---------------------------------------------------------------------------------------*/









/*---------------------------------------------------Általános--------------------------------------------------*/
html{
	background: #2e808d;
}

body{
	font-family: "Ubuntu Regular";
	font-size: 14px;
	overflow: auto;
}

.c{
	clear: both;
}


.photo-182x104 img{
	width: 182px;
	height: 104px;
}

.photo-160x91 img{
	width: 160px;
	height: 91px;
}
/*---------------------------------------------------Általános--------------------------------------------------*/









/*---------------------------------------------------Login--------------------------------------------------*/
#login{
}

#login .user{
	width: 104px;
	float: left;
}
#login .user img{
	width: 100px;
}
#login .submit{
	text-align: center;
	margin-left: 120px;
}

#login input{
	width: 200px;
	height: 36px;
	font-family: "Ubuntu Bold";
	font-size: 23px;
	padding: 5px;
	border: 2px solid #2e808d;
	margin: 0px;
	margin-right: 5px;
}

#login button{
	height: 50px;
	width: 105px;
	border: 0px;
	background: #262932;
	color: #fff;
	font-family: "Ubuntu Regular";
	font-size: 20px;
}
#login button:hover, #login button:focus{
	background: #000;
}

/*---------------------------------------------------Login--------------------------------------------------*/









/*---------------------------------------------------Top--------------------------------------------------*/
#Top{
	width: 100%;
	background: #000;
}

#Top .topLeft{
	float: left;
}


#Top .topRight{
	float: right;
}

#Top .topLeft img{
	display: block;
	border-right: 1px solid #fff;
}


#Top ul{
}
#Top ul li{
	float: left;
}


#Top ul.submenu{
	display: none;
	position: absolute;
	background: #fff;
}
#Top ul.submenu li{
	float: none;
	display: block;
}

#Top ul.submenu li a{
	float: none;
	display: block;
	background-color: #fff;
	color: #000;
	border: 0px;
}
#Top ul.submenu li a:hover{
	background-color: #000;
	color: #fff;
}


#Top a{
	cursor: pointer;
	display: block;
	color: #fff;
	font-family: "Ubuntu Regular";
	font-size: 16px;
	text-decoration: none;
	padding: 15px;
	padding-left: 50px;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: 10px center;
	height: 18px;
	border-right: 1px solid #fff;
}
#Top a:hover, #Top a:focus, #Top a.selected{
	background-color: #fff;
	color: #000;
}


#Top .Tulajdonos{
	float: left;
	color: #fff;
	font-size: 16px;
	padding: 0px 10px 0px 10px;
	border-right: 1px solid #fff;
}
#Top .Tulajdonos img{
	margin: 0px;
	padding: 0px;
	height: 48px;
	vertical-align: middle;
	float: left;
	margin-right: 10px;
}
#Top .Tulajdonos span{
	display: block;
	margin-top: 15px;
	float: left;
}




#Top a.settings{
	background-image: url("../images/icons/settings.png");
}
#Top a.tools{
	background-image: url("../images/icons/tools.png");
}
#Top a.preparationPlaces{
	background-image: url("../images/icons/preparationPlaces.png");
}
#Top a.user{
	background-image: url("../images/icons/user.png");
}
#Top a.productGroup{
	background-image: url("../images/icons/productGroup.png");
}
#Top a.product{
	background-image: url("../images/icons/product.png");
}
#Top a.description{
	background-image: url("../images/icons/description.png");
}
#Top a.stock{
	background-image: url("../images/icons/stock.png");
}
#Top a.sale{
	background-image: url("../images/icons/graph.png");
}
#Top a.users{
	background-image: url("../images/icons/users.png");
}
#Top a.paid{
	background-image: url("../images/icons/paidInnvoice.png");
}
#Top a.paid-all{
	background-image: url("../images/icons/paid-all.png");
}
#Top a.logout{
	background-image: url("../images/icons/logout.png");
}
#Top a.refresh{
	background-image: url("../images/icons/refresh.png");
}
#Top a.keyboard{
	background-image: url("../images/icons/keyboard.png");
}
#Top a.no-keyboard{
	background-image: url("../images/icons/no-keyboard.png");
}
#Top a.addInnovice{
	background-image: url("../images/icons/addInnovice.png");
	border-right: 0px;
	border-left: 1px solid #fff;
}
#Top a.openedInnovice{
	background-image: url("../images/icons/openedInnovice.png");
	border-right: 0px;
	border-left: 1px solid #fff;
}
#Top a.users{
	background-image: url("../images/icons/users.png");
	border-right: 0px;
	border-left: 1px solid #fff;
}
#Top a.closeInnovice{
	background-image: url("../images/icons/closeInnovice.png");
	border-right: 0px;
	border-left: 1px solid #fff;
	color: #F00;
}
/*---------------------------------------------------Top--------------------------------------------------*/











/*---------------------------------------------------Desk--------------------------------------------------*/
#Desk{
	width: 100%;
}

#Desk .leftDesk{
	width: 380px;
	float: left;
	overflow: auto;
}
#Desk .leftDesk .content{
	padding: 10px;
}
#Desk .leftDesk .content .productGroup{
	display: block;
	float: left;
	margin: 0px 10px 10px 0px;
	border: 2px solid #262932;
}
#Desk .leftDesk .content .productGroup img{
	display: block;
}
#Desk .leftDesk .content .productGroup span.title{
	display: block;
	width: 100px;
	height: 35px;
	text-align: center;
	background: #262932;
	color: #fff;
	font-family: "Ubuntu Regular";
	font-size: 14px;
	padding-top: 5px;
	overflow: hidden;
}
#Desk .leftDesk .content .productGroup a{
	cursor: pointer;
}

#Desk .leftDesk .content .Product{
}

#Desk .leftDesk .content .Product img.small{
	width: 50px;
	border: 2px solid #262932;
	float: left;
	margin-bottom: 15px;
}

#Desk .leftDesk .content .Product a.back{
	display: block;
	margin-left: 64px;
	height: 26px;
	background: #fff;
	cursor: pointer;
	padding: 10px;
	padding-top: 18px;
	padding-left: 50px;
	background-image: url("../images/icons/previous.png");
	background-repeat: no-repeat;
	background-position: 10px center;
	margin-bottom: 15px;
}

#Desk .leftDesk .content .Product .oneProduct{
	display: block;
	float: left;
	padding: 3px;
	color: #000;
	font-size: 13px;
	font-weight: bold;
	margin-right: 3px;
	margin-bottom: 3px;
	cursor: pointer;
	text-align: center;
	border: 2px solid #262932;
	width: 100px;
	height: 50px;
	overflow: hidden;
}


#Desk .rightDesk{
	background: #fff;
}

#Desk .rightDesk .itemDesk{
	overflow: auto;
}

#Desk .rightDesk .itemDesk .content{
	padding: 10px;
}

#Desk .rightDesk .itemDesk .content table{
	width: 100%;
	font-size: 16px;
}
#Desk .rightDesk .itemDesk .content table tr{
}
#Desk .rightDesk .itemDesk .content table th{
	padding: 2px;
	background: #2e808d;
	color: #fff;
	border: 1px solid #2e808d;
	font-size: 16px;
}
#Desk .rightDesk .itemDesk .content table td{
	padding: 2px;
	border: 1px solid #2e808d;
}
#Desk .rightDesk .itemDesk .content table td.noBorder{
	border: 0px;
}

#Desk .rightDesk .itemDesk .content table td button{
	color: #000;
	font-family: "Ubuntu Regular";
	font-size: 16px;
	text-decoration: none;
	padding: 5px;
	padding-left: 35px;
	background-repeat: no-repeat;
	background-position: 10px center;
	border: 0px;
	background-color: #dedede;
}
#Desk .rightDesk .itemDesk .content table td button.comment{
	background-image: url("../images/icons/scomment.png");
}
#Desk .rightDesk .itemDesk .content table td button.delete{
	color: #B72D3A;
	background-image: url("../images/icons/sdownInnovice.png");
}
#Desk .rightDesk .itemDesk .content table td button.move{
	background-image: url("../images/icons/smove.png");
}

#Desk .rightDesk .itemDesk .content table td .innoviceData{
	font-size: 14px;
}
#Desk .rightDesk .itemDesk .content table td .innoviceData span{
	display: block;
	float: left;
	margin-right: 40px;
}
#Desk .rightDesk .itemDesk .content table td .innoviceData span img{
	height: 40px;
	float: left;
	vertical-align: middle;
}
#Desk .rightDesk .itemDesk .content table td .innoviceData span.title{
	margin-right: 5px;
	float: left;
	padding-top: 10px;
}
#Desk .rightDesk .itemDesk .content table td .innoviceData span.data{
	height: 30px;
	margin-right: 0px;
	font-weight: bold;
	padding: 10px 5px 0px 5px;
	background: #262932;
	color: #fff;
}
#Desk .rightDesk .itemDesk .content table td .innoviceData span.last{
	margin-right: 0px;
}

#Desk .rightDesk .itemDesk .content table td span.eladoFelhasznalo img{
	height: 30px;
}



#Desk .rightDesk .sumDesk{
	position: absolute;
	top: 0px;
	height: 140px;
}

#Desk .rightDesk .sumDesk .content{
	padding: 10px;
}

#Desk .rightDesk .sumDesk .content .Prices{
	font-size: 16px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
#Desk .rightDesk .sumDesk .content .Prices span.sum{
}
#Desk .rightDesk .sumDesk .content .Prices span.sumPrice{
	font-size: 26px;
	font-weight: bold;
	margin: 0px 20px 0px 20px;
	background: #ccc;
	padding: 5px;
}
#Desk .rightDesk .sumDesk .content .Prices span.origPrice{
	margin-right: 20px;
}
#Desk .rightDesk .sumDesk .content .Prices span.subPrice{
	font-size: 18px;
	font-weight: bold;
	background: #ccc;
	padding: 5px;
}


#Desk .rightDesk .sumDesk .content .Buttons{
	margin-top: 10px;
}
#Desk .rightDesk .sumDesk .content .Buttons button{
	width: 140px;
	color: #fff;
	font-family: "Ubuntu Regular";
	font-size: 16px;
	text-decoration: none;
	padding: 5px;
	background-repeat: no-repeat;
	background-position: center 5px;
	border: 0px;
	background-color: #262932;
	padding-top: 40px;
}
#Desk .rightDesk .sumDesk .content .Buttons button:hover, #Desk .rightDesk .sumDesk .content .Buttons button:focus{
	background-color: #000;
}
#Desk .rightDesk .sumDesk .content .Buttons button.Engedmeny{
	background-image: url("../images/icons/percent.png");
}
#Desk .rightDesk .sumDesk .content .Buttons button.EUR{
	background-image: url("../images/icons/euro.png");
}
#Desk .rightDesk .sumDesk .content .Buttons button.EURReceipt{
	background-image: url("../images/icons/euroReceipt.png");
}
#Desk .rightDesk .sumDesk .content .Buttons button.FT{
	background-image: url("../images/icons/ft.png");
}
#Desk .rightDesk .sumDesk .content .Buttons button.FTReceipt{
	background-image: url("../images/icons/ftReceipt.png");
}
#Desk .rightDesk .sumDesk .content .Buttons button.Ujraszamol{
	background-image: url("../images/icons/reload.png");
}
/*---------------------------------------------------Desk--------------------------------------------------*/











/*---------------------------------------------------Bottom--------------------------------------------------*/
#Bottom{
	height: 50px;
	background: #000;
}

#Bottom span{
	display: block;
	float: left;
	color: #fff;
	font-family: "Ubuntu Bold";
	font-size: 18px;
	margin-left: 10px;
	margin-top: 12px;
	margin-right: 30px;
}

#Bottom a{
	display: block;
	float: left;
	cursor: pointer;
	color: #fff;
	font-family: "Ubuntu Regular";
	font-size: 16px;
	text-decoration: none;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left: 50px;
	height: 36px;
	padding-top: 14px;
	padding-right: 10px;
}
#Bottom a:hover{
	background-color: #fff;
	color: #000;
}

#Bottom a.euro{
	background-image: url("../images/icons/euro.png");
}

#Bottom .right{
	float: right;
	color: #fff;
}
#Bottom .right span.version{
	font-family: "Ubuntu Regular";
	font-weight: normal;
}
#Bottom .right img{
	margin: 5px 15px 0px 0px;
}
/*---------------------------------------------------Bottom--------------------------------------------------*/








/*--------------------------------------------------Numerikus billentyűzet--------------------------------------*/
#numKeyboard{
	width: 165px;
}

#numKeyboard button{
	font-family: "Ubuntu Regular";
	font-size: 20px;
	display: block;
	border: 0px;
	background: #2e808d;
	color: #fff;
	cursor: pointer;
	text-align: center;
	float: left;
	margin: 0px 5px 5px 0px;
	width: 50px;
	height: 50px;
}
#numKeyboard button:hover, #numKeyboard button:focus{
	background: #000;
}
#numKeyboard button.null{
	width: 105px;
}
/*--------------------------------------------------Numerikus billentyűzet--------------------------------------*/








/*--------------------------------------------------Felhasználó képe--------------------------------------*/
#UserPhoto{
	width: 104px;
	height: 144px;
}

#UserPhoto img{
	display: block;
	border: 2px solid #262932;
}

#UserPhoto .username{
	width: 100px;
	height: 35px;
	text-align: center;
	background: #262932;
	color: #fff;
	font-family: "Ubuntu Regular";
	font-size: 13px;
	padding-top: 2px;
	border: 2px solid #262932;
}
/*--------------------------------------------------Felhasználó képe--------------------------------------*/







/*--------------------------------------------------WindowContentID---------------------------------------------*/
#WindowContentID h1{
	font-family: "Ubuntu Bold";
	font-size: 16px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
#WindowContentID h1 img{
	vertical-align: middle;
	margin-right: 10px;
}

#WindowContentID .content{
}
#WindowContentID .content input{
	width: 192px;
	height: 36px;
	font-family: "Ubuntu Bold";
	font-size: 23px;
	padding: 5px;
	border: 2px solid #2e808d;
	margin: 0px;
	margin-right: 5px;
}
#WindowContentID .content select{
	width: 192px;
	height: 36px;
	font-family: "Ubuntu Bold";
	font-size: 23px;
	padding: 5px;
	border: 2px solid #2e808d;
	margin: 0px;
	margin-right: 5px;
}
#WindowContentID .content .error{
	text-align: center;
	font-family: "Ubuntu Regular";
	color: #D3181D;
}
#WindowContentID .content .error img{
	margin-top: 15px;
}

#WindowContentID .buttons{
	margin-top: 20px;
	text-align: right;
	border-top: 1px solid #ccc;
	padding-top: 10px;
}
#WindowContentID .buttons button{
	height: 40px;
	border: 0px;
	background: #262932;
	color: #fff;
	font-family: "Ubuntu Regular";
	font-size: 16px;
	margin-left: 10px;
}
#WindowContentID .buttons button:hover, #WindowContentID .buttons button:focus{
	background-color: #000;
}


#WindowContentID table{
	min-width: 400px;
}
#WindowContentID table tr{
}
#WindowContentID table th{
	font-family: "Ubuntu Bold";
	font-size: 16px;
	padding: 3px;
	background: #262932;
	color: #fff;
}
#WindowContentID table td{
	padding: 3px;
	font-size: 15px;
	border-bottom: 1px solid #ccc;
}
#WindowContentID table td.title{
	font-family: "Ubuntu Bold";
}
#WindowContentID table td input{
	width: 220px !important;
	font-size: 16px !important;
	padding: 5px !important;
	height: auto !important;
	font-weight: blod !important;
}
#WindowContentID table td select{
	width: 220px !important;
	font-size: 16px !important;
	padding: 5px !important;
	height: auto !important;
	font-weight: blod !important;
}
#WindowContentID table td button{
	color: #000;
	font-family: "Ubuntu Regular";
	font-size: 16px;
	text-decoration: none;
	padding: 5px;
	padding-left: 35px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 10px center;
	border: 0px;
	background-color: #dedede;
}
#WindowContentID table td button.add{
	background-image: url("../images/icons/sadd.png");
}
#WindowContentID table td button.edit{
	background-image: url("../images/icons/sedit.png");
}
#WindowContentID table td button.up{
	background-image: url("../images/icons/sup.png");
}
#WindowContentID table td button.down{
	background-image: url("../images/icons/sdown.png");
}
#WindowContentID table td button.delete{
	color: #B72D3A;
	background-image: url("../images/icons/sdelete.png");
}
#WindowContentID table td button.money{
	background-image: url("../images/icons/smoney.png");
}
#WindowContentID table td button.inStock{
	background-image: url("../images/icons/sinstock.png");
}
#WindowContentID table td button.outStock{
	background-image: url("../images/icons/soutstock.png");
}
#WindowContentID table td button.Note{
	background-image: url("../images/icons/snote.png");
}
#WindowContentID table td button.comment{
	background-image: url("../images/icons/scomment.png");
}
#WindowContentID table td button.openInnovice{
	background-image: url("../images/icons/sopenInnovice.png");
}
#WindowContentID table td button.moveInnovice{
	background-image: url("../images/icons/smove.png");
}
#WindowContentID table td button.viewInnovice{
	background-image: url("../images/icons/sviewInnovice.png");
}
#WindowContentID table td button.openInnovice{
	background-image: url("../images/icons/sreopenInnovice.png");
}




#WindowContentID table td span.userInfo{
}
#WindowContentID table td span.userInfo img{
	height: 40px;
	float: left;
}
#WindowContentID table td span.userInfo span.userName{
	display: block;
	float: left;
	background: #262932;
	height: 25px;
	color: #fff;
	padding: 5px;
	padding-top: 10px;
	font-size: 14px;
}


#WindowContentID .szamlasFilter,
#WindowContentID .megjegyzesFilter{
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}


#WindowContentID .szamlasContent,
#WindowContentID .megjegyzesContent{
	width: 720px;
	height: 456px;
	overflow: auto;
	float: left;
}
#WindowContentID .megjegyzesContent{
    height: 356px;
}

#WindowContentID .megjegyzesContent a{
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    text-decoration: none;
    padding: 5px 10px;
    border-bottom: 1px solid #e3e3e3;
}

#WindowContentID .szamlasContent .szamlasBox{
	float: left;
	color: #fff;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: center;
}
#WindowContentID .szamlasContent .szamlasBox img{
	border: 2px solid #262932;
}
#WindowContentID .szamlasContent .szamlasBox .Felhasznalonev{
	font-weight: 14px;
	font-weight: bold;
	background-color: #262932;
	padding-top: 3px;
	margin-top: -5px;
}
#WindowContentID .szamlasContent .szamlasBox .Nev{
	font-size: 12px;
	background-color: #262932;
	padding-bottom: 3px;
}


#WindowContentID .szamlasScroll,
#WindowContentID .megjegyzesScroll{
	width: 70px;
	height: 456px;
	margin-left: 730px;
}
#WindowContentID .megjegyzesScroll{
    height: 356px;
}
#WindowContentID .szamlasScroll a.scrollTop,
#WindowContentID .megjegyzesScroll a.scrollTop{
	display: block;
	width: 60px;
	height: 60px;
	background: url("../images/icons/scrollTop.png") no-repeat;
	margin-bottom: 10px;
	cursor: pointer;
}
#WindowContentID .szamlasScroll a.scrollUp,
#WindowContentID .megjegyzesScroll a.scrollUp{
	display: block;
	width: 60px;
	height: 60px;
	background: url("../images/icons/scrollUp.png") no-repeat;
	margin-bottom: 180px;
	cursor: pointer;
}
#WindowContentID .megjegyzesScroll a.scrollUp{
    margin-bottom: 80px;
}
#WindowContentID .szamlasScroll a.scrollDown,
#WindowContentID .megjegyzesScroll a.scrollDown{
	display: block;
	width: 60px;
	height: 60px;
	background: url("../images/icons/scrollDown.png") no-repeat;
	margin-bottom: 10px;
	cursor: pointer;
}
#WindowContentID .szamlasScroll a.scrollBottom,
#WindowContentID .megjegyzesScroll a.scrollBottom{
	display: block;
	width: 60px;
	height: 60px;
	background: url("../images/icons/scrollBottom.png") no-repeat;
	margin-bottom: 10px;
	cursor: pointer;
}


/*--------------------------------------------------WindowContentID---------------------------------------------*/









/*--------------------------------------------------Pager---------------------------------------------*/
#Pager{
}
#Pager table{
	width: 100%;
}
#Pager table td{
	border: 0px;
}
#Pager table td.leftPager{
	width: 30px;
}
#Pager table td.leftPager a{
	display: block;
	width: 30px;
	height: 30px;
	background: url("../images/icons/previous.png");
}
#Pager table td.centerPager{
	text-align: center;
}
#Pager table td.rightPager{
	width: 30px;
}
#Pager table td.rightPager a{
	display: block;
	width: 30px;
	height: 30px;
	background: url("../images/icons/next.png");
}
/*--------------------------------------------------Pager---------------------------------------------*/









/*--------------------------------------------------Form---------------------------------------------*/
form{
}
form fieldset{
}
form fieldset .rowLine{
	width: 700px;
	height: 37px;
	clear: left;
}
form fieldset .rowLine label{
	display: block;
	float: left;
	width: 170px;
	font-size: 16px;
	text-align: right;
	padding-right: 10px;
	padding-top: 6px;
}
form fieldset .rowLine label.bold{
	font-weight: bold;
}
form fieldset .rowLine .rowImage{
	width: 239px;
	float: left;
}
form fieldset .rowLine img{
	display: block;
	float: left;
	border: 2px solid #2e808d;
}
form fieldset .rowLine input{
	width: 220px !important;
	float: left !important;
	font-size: 16px !important;
	padding: 5px !important;
	height: auto !important;
	font-weight: blod !important;
}
form fieldset .rowLine.number-arrow input{
    width: 131px !important;
}
form fieldset .rowLine select{
	width: 234px;
	float: left;
	font-size: 16px !important;
	padding: 5px;
	height: auto;
	margin-right: 10px;
	border: 2px solid #2e808d;
	font-weight: bold;
}
form fieldset .rowLine select.hidereadonly{
	color: #ccc;
	background: #ccc;
}
form fieldset .rowLine select.readonly{
	background: #ccc;
}
form fieldset .rowLine select[multiple]{
	height: 80px !important;
    margin-bottom: 3px !important;
}
form fieldset .rowLine .checkbox{
	width: 20px !important;
	float: left !important;
	padding: 0px !important;
	height: 40px !important;
	margin-right: 218px !important;
}
form fieldset .rowLine input.readonly{
	background: #ccc;
}
form fieldset .rowLine textarea{
	font-family: "Ubuntu Bold";
	font-size: 23px;
	border: 2px solid #2e808d;
	margin: 0px;
	margin-right: 5px;
	width: 220px;
	float: left;
	font-size: 16px;
	padding: 5px;
	height: auto;
	font-weight: blod;
}
form fieldset .rowLine .rowMessage{
	font-size: 12px;
	color: #666;
	padding-top: 2px;
}
form fieldset .rowLine button{
	text-align: left;
	width: 234px;
	color: #fff;
	font-family: "Ubuntu Regular";
	font-size: 16px;
	text-decoration: none;
	padding: 10px;
	padding-left: 45px;
	background-color: #2e808d;
	background-repeat: no-repeat;
	background-position: 10px center;
	border: 0px

}
form fieldset .rowLine button.delete{
	background-image: url("../images/icons/delete.png");
}
form fieldset .rowLine button.add{
	background-image: url("../images/icons/add-w.png");
}
form fieldset .rowLine.number-arrow button{
    width: 40px;
    background: #000;
    padding: 7px;
    padding-bottom: 8px;
    text-align: center;
    margin-right: 4px;
    float: left;
}

form fieldset hr{
	border: 0px;
	border-top: 1px solid #ccc;
}



form fieldset select.select{
	width: 234px;
	font-size: 16px;
	padding: 5px;
	height: auto;
	margin-right: 10px;
	border: 2px solid #2e808d;
	font-weight: bold;
}





form fieldset span.multival-item{
    display: inline-block;
    background: #e3e3e3;
    padding: 5px 7px;
    margin-bottom: 3px;
    font-size: 14px;
    font-weight: 600;
    margin-right: 10px;
}
form fieldset span.multival-item img{
    border: 0;
}

/*--------------------------------------------------Form---------------------------------------------*/
