.form { float:left; clear:left; width:100%; margin:20px; position: relative; }

#imagesp{
	position: relative;
	right:0px;
	top: 0px; 
	float:right;
	clear:right;
	width:40%;
}
#imagesp img {
	width: 100%;
}

#errorFrorm { color:red;  font-weight:bold; }
#goodFrorm { color:black;  font-weight:bold; }
#imagesp{
	float: right; 
	position: relative; }
	
.submit_button{
    background-image: linear-gradient(#D4002A, #A10227);
    border: 0 none;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    height: 30px;
    margin: 25px 0 20px 20px;
    text-align: center;
    width: 100px;
}

.submit_button_wizzard_next{
    background-image: -webkit-linear-gradient(#D4002A, #A10227);
    background-image: -moz-linear-gradient(#D4002A, #A10227);
    background-image: -o-linear-gradient(#D4002A, #A10227);
    background-image: linear-gradient(#D4002A, #A10227);
    border: 0 none;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    height: 30px;
    margin: 25px 0 20px 20px;
    text-align: center;
    width: 100px;
}

.button_wizzard_start{
    background-image: -webkit-linear-gradient(#68C46E, #468B55);
    background-image: -moz-linear-gradient(#68C46E, #468B55);
    background-image: -o-linear-gradient(#68C46E, #468B55);
    background-image: linear-gradient(#68C46E, #468B55);
    border: 0 none;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    height: 30px;
    margin: 0 auto;
    display: block;
    text-align: center;
    width: 130px;
}

.submit_button_wizzard_start_over{
    background-image: -webkit-linear-gradient(#68C46E, #468B55);
    background-image: -moz-linear-gradient(#68C46E, #468B55);
    background-image: -o-linear-gradient(#68C46E, #468B55);
    background-image: linear-gradient(#68C46E, #468B55);
    border: 0 none;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    height: 30px;
    margin: 25px 0 25px 25px;
    text-align: center;
    width: 130px;
}

.submit_button_wizzard{
    background-image: -webkit-linear-gradient(#68C46E, #468B55);
    background-image: -moz-linear-gradient(#68C46E, #468B55);
    background-image: -o-linear-gradient(#68C46E, #468B55);
    background-image: linear-gradient(#68C46E, #468B55);
    border: 0 none;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    height: 30px;
    margin: 25px 0 0 25px;
    text-align: center;
    width: 130px;
}

.submit_button_wizzardShoutA{
    background-image: -webkit-linear-gradient(#68C46E, #468B55);
    background-image: -moz-linear-gradient(#68C46E, #468B55);
    background-image: -o-linear-gradient(#68C46E, #468B55);
    background-image: linear-gradient(#68C46E, #468B55);
    border: 0 none;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    height: 30px;
    margin: 0 0 25px 25px;
    text-align: center;
    width: 130px;
}

.submit_button_wizzard_streaming{
    background-image: -webkit-linear-gradient(#68C46E, #468B55);
    background-image: -moz-linear-gradient(#68C46E, #468B55);
    background-image: -o-linear-gradient(#68C46E, #468B55);
    background-image: linear-gradient(#68C46E, #468B55);
    border: 0 none;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    height: 30px;
    margin: 25px 0 25px 25px;
    text-align: center;
    width: 195px;
}

.submit_button_wizzard_plans{
    background-image: -webkit-linear-gradient(#68C46E, #468B55);
    background-image: -moz-linear-gradient(#68C46E, #468B55);
    background-image: -o-linear-gradient(#68C46E, #468B55);
    background-image: linear-gradient(#68C46E, #468B55);
    border: 0 none;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    height: 30px;
    margin: 25px 0 0 25px;
    text-align: center;
    width: 130px;
}

/* Fieldset Mobile App2 */
	.fieldsetckbx {border:solid #D8D8D8; border-width: 1px; padding: 2px 10px 4px 10px;  border-radius: 4px;}  /* For Checkbox */
	
#legbx{margin-left: 20px; padding-right:10px; padding-left: 10px;} /* id for legend */
#legbx_error{margin-left: 20px; padding-right:10px; padding-left: 10px; color:red;}
	
	.tablebx {border: hidden; border-width: 0px; border-collapse: collapse;}
	.tablebx #td1 {width:218px; padding-right: 54px; padding-top: 2px; padding-bottom: 2px; border:solid #D8D8D8; border-width: 1px;}
	.tablebx #td2 {padding-left: 40px; border:solid #D8D8D8; border-width: 1px; text-align: right;}
	.tablebx #td3 {padding-left: 40px; border:solid #D8D8D8; border-width: 1px; }
	
	.tarea {resize: none;border: 1px solid #D8D8D8; border-radius: 4px; padding-top: 3px; padding-left: 2px; margin-top: 5px; padding-right:14px; -webkit-box-sizing: border-box; width: 355px; }	
/* End of Fieldset Mobile App2 */
	.input_file{ border: solid 1px #EDEDED; margin-left: 20px;  margin-top: 5px;   }		

.box, .form .title { float:left; margin-bottom:10px; position:relative; }
.box input, .box textarea, .box select, .box div.ajax { float:left; clear:left; border:none; padding:2px 2px; font-size:14px; color:#000; margin:3px; line-height:18px; font-weight:normal; width:100%; }
.form .title { font-weight:bold; margin-bottom:5px; }
.form .title span { width:auto; color: #000;}
.form .title img { margin-left:10px; }
.box370x30 { width:370px; background:url(https://www.magicstreams.gr/flashmedia/images/inputs/box370x30.png); height:30px; }
.box350x30 { width:343px; height:30px; margin-top:-37px;}
.box180x30 { width:180px; background:url(https://www.magicstreams.gr/flashmedia/images/inputs/box180x30.png); height:30px; }
.box120x30 { width:120px; background:url(https://www.magicstreams.gr/flashmedia/images/inputs/box120x30.png); height:30px; }
.box100x30 { width:100px; background:url(https://www.magicstreams.gr/flashmedia/images/inputs/box100x30.png); height:30px; }
.box370x100 { width:370px; background:url(https://www.magicstreams.gr/flashmedia/images/inputs/box370x100.png); height:100px; }
.margin20 { margin-left: 20px;}

.title370 { width:370px; line-height:20px; }
.title100 { width:100px; line-height:20px; }
.title180 { width:180px; line-height:20px; }
.title120 { width:120px; line-height:20px; }
.box370x30.wrong { background:url(https://www.magicstreams.gr/flashmedia/images/inputs/box370x30_wrong.png); }

.box180x30.wrong { background:url(https://www.magicstreams.gr/flashmedia/images/inputs/box180x30_wrong.png); }
.box120x30.wrong { background:url(https://www.magicstreams.gr/flashmedia/images/inputs/box120x30_wrong.png); }
.box100x30.wrong { background:url(https://www.magicstreams.gr/flashmedia/images/inputs/box100x30_wrong.png); }

.box370x100.wrong { background:url(https://www.magicstreams.gr/flashmedia/images/inputs/box370x100_wrong.png); }
.box370x30 input { width:355px; height:18px;  }
.box100x30 input { width:88px; height:18px;  }
.box120x30 input { width:108px; height:18px;  }
.box370x30 select { width:366px; height:22px; }
.box100x30 select { width:92px; height:24px; }
.box120x30 select { width:112px; height:24px; }
.box180x30 input, .box180x30 select{ width:168px; height:18px;  }
.box180x30 select { height:24px; width:172px; }
.box370x100 textarea { width:357px !important; height:88px !important; }

.box350x30 { width:340px; height:18px; margin-top:-40px; } 

.wrong input, .wrong textarea { background:#F9F9F9; border:1px solid #F9F9F9; color:red; }
.clear { clear:left; }
.box.rowright { margin:0px 0 0 10px; }
.form .title.rowright { margin:0 0 0 10px; }
.form .row370 {  width:100%; max-width:370px;}
.form .row180 {  width:180px; margin-left:10px; }
.form .row120 {  width:120px; margin-left:10px; }
.form .row100 {  width:100px; margin-left:10px; }
.form .row180.clear, .form .row100.clear { margin-left:0px; }
.form .rowright { margin:0px 0 0 10px; }
.clearright, .form .title.clearright { clear:right; float:right; }

.form .checkbox .box { background:none; height:24px; width:20px; }
.form .checkbox .box  input { width:18px; }
.form .checkbox .title { float:right; clear:right; height:24px;  margin-left:10px; }
.form .row370.checkbox .title { width:340px; }
.form .message, .form .response  { width:100%; line-height:16px;  }
.form .message { color:#C70032; font-weight:bold; text-align:left; } 
.form .response  { width:100%; line-height:16px; }


.searchbox { background:url(https://www.magicstreams.gr/flashmedia/images/search2.png); background-repeat:no-repeat; margin-right: 1px!important; /*margin-top: 2px;*/ width:28px; height:29px; position:absolute; top:0px; right:0px; }

a.button { float:left; color:#FFF !important; margin:10px 10px 0 0; line-height:30px; line-height:30px; overflow:hidden; font-weight:bold; text-align:center; }
#middleinner .form a.button:hover, .form a.button:hover, a.button:hover  { background-position:0px -30px; text-decoration:none; } 
a.w100 { width:100px; background:url(https://www.magicstreams.gr/flashmedia/images/button_w100.png) no-repeat; }
/*a.w100.crypto { background: #c80031; /* Old browsers */
                /*border-radius: 2px;
                /* IE9 SVG, needs conditional override of 'filter' to 'none' */
                /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M4MDAzMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZjAwMmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
                background: -moz-linear-gradient(top,  #c80031 0%, #af002c 100%); /* FF3.6+ */
                /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c80031), color-stop(100%,#af002c)); /* Chrome,Safari4+ */
                /*background: -webkit-linear-gradient(top,  #c80031 0%,#af002c 100%); /* Chrome10+,Safari5.1+ */
                /*background: -o-linear-gradient(top,  #c80031 0%,#af002c 100%); /* Opera 11.10+ */
                /*background: -ms-linear-gradient(top,  #c80031 0%,#af002c 100%); /* IE10+ */
                /*background: linear-gradient(to bottom,  #c80031 0%,#af002c 100%); /* W3C */
                /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c80031', endColorstr='#af002c',GradientType=0 ); /* IE6-8 */
             /* }
/*a.w100.crypto:hover { background: #f70440; /* Old browsers */
                /* IE9 SVG, needs conditional override of 'filter' to 'none' */
                /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3MDQ0MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZjAwMmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
                background: -moz-linear-gradient(top,  #f70440 0%, #af002c 100%); /* FF3.6+ */
                /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f70440), color-stop(100%,#af002c)); /* Chrome,Safari4+ */
                /*background: -webkit-linear-gradient(top,  #f70440 0%,#af002c 100%); /* Chrome10+,Safari5.1+ */
                /*background: -o-linear-gradient(top,  #f70440 0%,#af002c 100%); /* Opera 11.10+ */
                /*background: -ms-linear-gradient(top,  #f70440 0%,#af002c 100%); /* IE10+ */
                /*background: linear-gradient(to bottom,  #f70440 0%,#af002c 100%); /* W3C */
                /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f70440', endColorstr='#af002c',GradientType=0 ); /* IE6-8 */            
              }
a.w100.pdf { background:url(https://www.magicstreams.gr/flashmedia/images/button_w100_pdf.png) 0px 0px; width:80px; padding-left:20px;  }
a.w100.pdf:hover { background:url(https://www.magicstreams.gr/flashmedia/images/button_w100_pdf.png) 0px 30px; }
a.w100.black { background:url(https://www.magicstreams.gr/flashmedia/images/button_w100_black.png) 0px 0px; color:#CCC; }
a.w100.black:hover { background:url(https://www.magicstreams.gr/flashmedia/images/button_w100_black.png) 0px 30px; color:#FFF; }  
a.w100.black.inactive { background:url(https://www.magicstreams.gr/flashmedia/images/button_w100_black_inactive.png) 0px 0px; color:#333; }
a.w100.black.inactive:hover { background:url(https://www.magicstreams.gr/flashmedia/images/button_w100_black_inactive.png) 0px 3px; }
a.w200 { width:200px; background:url(https://www.magicstreams.gr/flashmedia/images/button_w200.png) no-repeat; }
a.button80x30 { float:left; line-height:30px; height:30px; background:url(https://www.magicstreams.gr/flashmedia/images/order_but.png) 0px 0px; color:#FFF; font-weight:normal;  width:100%; text-align:center; text-decoration:none; font-size:12px;}
a.button80x30:hover { background-position:0px 30px; }
a.rightButton { margin:25px 0 0 10px; }

/* Encoder */
a.encoder {
    background: #a40425; /* Old browsers */
    background: -moz-linear-gradient(top,  #a40425 0%, #bf052f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a40425), color-stop(100%,#bf052f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #a40425 0%,#bf052f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #a40425 0%,#bf052f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #a40425 0%,#bf052f 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #a40425 0%,#bf052f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a40425', endColorstr='#bf052f',GradientType=0 ); /* IE6-9 */
    width: 130px;
    height: 30px;
    border-radius: 3px;
}

a.encoder:hover {
    background: #ef0b44; /* Old browsers */
    background: -moz-linear-gradient(top,  #ef0b44 0%, #a70425 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef0b44), color-stop(100%,#a70425)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ef0b44 0%,#a70425 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ef0b44 0%,#a70425 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ef0b44 0%,#a70425 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ef0b44 0%,#a70425 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef0b44', endColorstr='#a70425',GradientType=0 ); /* IE6-9 */
}




.cuxtombox {  padding:3px 20px 3px 3px;  margin:3px; font-size:14px; background:url(https://www.magicstreams.gr/flashmedia/images/inputs/select.jpg) no-repeat right 4px; overflow:hidden; cursor:pointer; }
.box370x30 .cuxtombox { width:338px; height:18px; line-height:18px; }
.cuxtomlist { position:absolute; background:#F9F9F9; padding:0px; border:2px solid #CCC; top:31px; left:0px; overflow-x:hidden; overflow-y:auto; z-index:999; max-height:150px; }
.cuxtomlist li { width:100%; font-size:14px; line-height:25px; border-bottom:1px dotted #CCC; padding:0px 10px; overflow:hidden; }
.cuxtomlist li.active { font-weight:bold;  }
.cuxtomlist li.last { border:none; } 
.cuxtomlist li:hover { background:#DFDFDF; }
.box370x30 .cuxtomlist { width:366px; }

.row0 { display:none; }

#encform span p { margin-left: 20px; }

